Ajouter Grimm à Framer

Ajoutez Grimm à votre site Framer en collant une ligne dans le code « End of body », 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 « End of body »

  1. Ouvrez les Site Settings → General de votre projet.
  2. Descendez jusqu'à Custom Code et collez votre snippet Grimm dans End of </body> tag.
  3. Publiez 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é est disponible sur les plans payants de Framer.

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