Instalar Grimm
Añadir Grimm a Lovable
Lovable crea una app real, así que añade Grimm igual que en cualquier sitio — una línea antes de la etiqueta body de cierre.
Antes de empezar
1. Autorice su dominio
En la pestaña Dominios, añada el dominio donde vivirá Grimm (p. ej. yourapp.com). Es obligatorio antes de poder integrarlo — evita que otra persona reutilice su snippet a costa de su saldo.
2. Copie su snippet
Abra la pestaña Integración y copie el script — ya contiene el id de su chatbot:
<script src="https://grimmchat.com/widget.js" data-chatbot-id="YOUR_CHATBOT_ID"></script>
3. Añada el snippet a su app
- Abra index.html en su proyecto de Lovable.
- Pegue su snippet de Grimm justo antes de la etiqueta </body> de cierre.
- Publique su app.
O simplemente pídaselo a la IA de Lovable: pegue el snippet en un prompt y dígale que añada el script antes de </body>.
4. Compruébelo y elija dónde aparece
Abra su sitio — Grimm aparece como una pequeña burbuja en la esquina. Para mostrarlo solo en algunas páginas, u ocultarlo en otras, use la pestaña Páginas de su panel.
Solución de problemas
- La burbuja no aparece — confirme que el snippet se carga en todas las páginas (en todo el sitio, antes de </body>) y que el id del chatbot es correcto.
- «Dominio no autorizado» — añada el dominio de su sitio en la pestaña Dominios.
- ¿Acaba de cambiar algo y no lo ve? Su navegador puede tener el widget en caché — pruebe con una ventana privada.
Otras plataformas: WordPress · Shopify · Webflow · Wix · Framer · Squarespace · Hostinger · Bubble · Google Tag Manager · configuración general.