Ajouter Grimm à Bubble
Ajoutez Grimm à votre app Bubble en collant une ligne dans le réglage des scripts d'en-tête.
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. Collez-le dans les scripts d'en-tête
- Dans l'éditeur Bubble, allez dans Settings → SEO / metatags.
- Collez votre snippet Grimm dans Script/meta tags in header.
- Enregistrez, puis Deploy to Live.
Le snippet va dans l'en-tête, mais c'est sans souci — le widget se charge de façon asynchrone et ajoute lui-même la bulle.
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 · Lovable · Google Tag Manager · configuration générale.