Ajouter Grimm à Webflow

Ajoutez Grimm à votre site Webflow en collant une ligne dans le code du pied de page global, puis publiez.

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. yoursite.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 le code du pied de page

  1. Ouvrez les Site SettingsCustom Code de votre projet.
  2. Collez votre snippet Grimm dans le champ Footer Code (il se charge avant </body>).
  3. Save Changes, puis Publish votre site.

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.
Note : le code personnalisé global requiert un Site plan Webflow payant. Sur un site gratuit, vous pouvez ajouter un élément Embed à une page — mais il ne s'affiche que sur cette page.

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