Add Grimm to Framer

Add Grimm to your Framer site by pasting one line into the End of body custom code, then publish.

Before you start

You need a Grimm chatbot (create one on your dashboard), some indexed content in the Knowledge tab, and a GrinGhost budget so Grimm can answer.

1. Allow your domain

In the Domains tab, add the domain where Grimm will live (e.g. yoursite.com). It's required before you can embed — it stops anyone else from reusing your snippet on your budget.

2. Copy your snippet

Open the Integration tab and copy the script — it already contains your chatbot id:

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

3. Paste it in the End of body code

  1. Open your project's Site Settings → General.
  2. Scroll to Custom Code and paste your Grimm snippet in End of <body> tag.
  3. Publish your site.

4. Check it and choose where it shows

Open your site — Grimm appears as a small bubble in the corner. To show it only on some pages, or hide it from a few, use the Pages tab in your dashboard.

Troubleshooting

  • The bubble doesn't appear — confirm the snippet loads on every page (site-wide, before </body>) and the chatbot id is correct.
  • "Domain not allowed" — add your site's domain in the Domains tab.
  • Just changed something and don't see it? Your browser may cache the widget — try a private window.
Note: custom code is available on Framer's paid plans.

Other platforms: WordPress · Shopify · Webflow · Wix · Squarespace · Hostinger · Bubble · Lovable · Google Tag Manager · general setup.