Ajouter Grimm à Lovable

Lovable crée une vraie app, donc vous ajoutez Grimm comme sur n'importe quel site — une ligne avant la balise body fermante.

Avant de commencer

Il vous faut un chatbot Grimm (créez-en un sur votre tableau de bord), du contenu indexé dans l'onglet Connaissances, et un budget GrinGhost pour que Grimm puisse répondre.

1. Autorisez votre domaine

Dans l'onglet Domaines, ajoutez le domaine où Grimm vivra (ex. yourapp.com). C'est obligatoire avant de pouvoir intégrer — cela empêche quiconque de réutiliser votre snippet sur votre budget.

2. Copiez votre snippet

Ouvrez l'onglet Intégration et copiez le script — il contient déjà l'identifiant de votre chatbot :

<script src="https://grimmchat.com/widget.js" data-chatbot-id="YOUR_CHATBOT_ID"></script>

3. Ajoutez le snippet à votre app

  1. Ouvrez index.html dans votre projet Lovable.
  2. Collez votre snippet Grimm juste avant la balise </body> fermante.
  3. Publiez votre app.

Ou demandez simplement à l'IA de Lovable : collez le snippet dans un prompt et demandez-lui d'ajouter le script avant </body>.

4. Vérifiez et choisissez où il s'affiche

Ouvrez votre site — Grimm apparaît en petite bulle dans le coin. Pour ne l'afficher que sur certaines pages, ou le masquer sur d'autres, utilisez l'onglet Pages de votre tableau de bord.

Dépannage

  • La bulle n'apparaît pas — vérifiez que le snippet se charge sur chaque page (sur tout le site, avant </body>) et que l'identifiant du chatbot est correct.
  • « Domaine non autorisé » — ajoutez le domaine de votre site dans l'onglet Domaines.
  • Vous venez de changer quelque chose et ne le voyez pas ? Votre navigateur peut mettre le widget en cache — essayez une fenêtre privée.

Autres plateformes : WordPress · Shopify · Webflow · Wix · Framer · Squarespace · Hostinger · Bubble · Google Tag Manager · configuration générale.