Cómo puedo quitar el botón «edit with Lovable» en mi sitio web
Tiempo de lectura: 3 minutosEl botón “Edit with Lovable” aparece porque tu dominio está conectado a la cuenta de Lovable (antes Lovable.dev), el constructor de sitios con IA. Para eliminarlo para siempre solo tienes que desconectar el dominio desde el panel de Lovable o cambiar los nombres de servidores (DNS). En 2 minutos lo solucionas.
Si estás viendo en tu sitio web un botón flotante que dice “Edit with Lovable” y te molesta (o te da vergüenza que lo vean tus visitantes), tranquilo, es súper común y tiene solución rápida. Miles de personas buscan la solución a este problema visual y aquí te la explico paso a paso: cómo quitar el botón «edit with Lovable» de una vez por todas.
¿Por qué aparece el botón “Edit with Lovable”?
Lovable es un creador de sitios web con inteligencia artificial. Cuando creas una web con ellos y conectas tu dominio propio (por ejemplo midominio.com), añaden automáticamente ese botón flotante para que puedas editar la página fácilmente.
El botón no es malo, pero:
- Queda poco profesional en sitios que ya están terminados.
- Puede confundir a los visitantes.
- A veces ocupa espacio en móviles.
La buena noticia: tú tienes el control total y puedes eliminarlo en minutos.
Solución 1: Desconectar el dominio desde Lovable (la más rápida y limpia)
Esta es la forma recomendada porque elimina el botón al 100% y además liberas tu dominio.
Pasos exactos:
- Entra a app.lovable.dev e inicia sesión con la cuenta con la que creaste el sitio.
- Haz clic en tu proyecto (el sitio que tiene el botón).
- Ve al menú lateral izquierdo y pulsa en “Settings” (Configuración).
- Busca la sección “Custom Domain” o “Dominio personalizado”.
- Verás tu dominio conectado y un botón que dice “Disconnect” o “Desconectar dominio”.
- Haz clic ahí y confirma.
¡Listo! El botón desaparece inmediatamente de tu sitio web y tu dominio queda libre para usarlo con otro hosting o constructor.
Solución 2: Cambiar los nombres de servidores (DNS) – Si ya no usas Lovable
Si ya migraste tu web a otro hosting (como ser Neolo) pero el botón sigue apareciendo, es porque los DNS todavía apuntan a Lovable.
Qué hacer:
- Entra al panel de tu proveedor de dominio.
- Cambia los nameservers por los de tu nuevo hosting. Ejemplo con Neolo: ns1.neolo.com ns2.neolo.com
- Guarda los cambios y espera máximo 24 horas (normalmente son 5-10 minutos).
Con esto el sitio deja de cargarse desde los servidores de Lovable y el botón desaparece para siempre.
Tip poco conocido que nadie cuenta
Si por algún motivo no puedes acceder a la cuenta de Lovable (olvidaste la contraseña y el correo), abre un ticket en https://lovable.dev/support y pide que desconecten el dominio manualmente.
Adjunta una prueba de que el dominio es tuyo (captura del panel del registrador). En menos de 24-48 hs. lo resuelven y no te cobran nada.
¿Se puede quitar solo el botón sin desconectar el dominio?
No de forma oficial. Lovable no ofrece una opción para ocultarlo porque es parte de su sistema.
Los trucos con CSS (display:none) funcionan temporalmente, pero cada vez que guardas cambios en Lovable el botón vuelve a aparecer. Por eso la única solución 100% efectiva es desconectar el dominio.
Conclusión
Quitar el botón “Edit with Lovable” es muy fácil: la forma más rápida es desconectar el dominio desde el panel de Lovable o apuntar los DNS a otro hosting. En menos de 5 minutos tu sitio queda limpio y profesional.
Si ya decidiste migrar tu web a un hosting más potente y flexible, en Neolo te migramos gratis y te ayudamos con la transferencia y configuración del dominio.
FAQs sobre el polémico botón de Lovable
¿El botón aparece solo en móviles o también en computadora?
Aparece en ambos, pero en móviles suele ser más molesto porque ocupa más pantalla.
¿Desconectar el dominio borra mi sitio de Lovable?
No, tu proyecto sigue guardado en Lovable. Solo se desconecta el dominio.
¿Puedo volver a conectar el dominio después?
Sí, todas las veces que quieras.
¿Me cobran por desconectar?
No, es totalmente gratis.
