Add Grimm to Bubble

Add Grimm to your Bubble app by pasting one line into the header scripts setting.

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. yourapp.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 header scripts

  1. In the Bubble editor, go to Settings → SEO / metatags.
  2. Paste your Grimm snippet in Script/meta tags in header.
  3. Save, then Deploy to Live.

The snippet goes in the header, but that's fine — the widget loads asynchronously and adds the bubble itself.

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.

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