Add Grimm to Webflow

Add Grimm to your Webflow site by pasting one line into the site-wide footer 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 your site's footer code

  1. Open your project's Site Settings → Custom Code.
  2. Paste your Grimm snippet in the Footer Code box (it loads before </body>).
  3. Save Changes, then 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: site-wide custom code needs a paid Webflow Site plan. On a free site you can add an Embed element to a page instead — but it only shows on that page.

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