Add Grimm to Shopify

Add Grimm to your Shopify store in a couple of minutes by pasting one line into your theme — no app to install.

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 your store's public domain (your custom domain, e.g. yourstore.com, or your yourstore.myshopify.comaddress). It's required before you can embed.

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 into your theme

  1. In Shopify admin, go to Online Store → Themes.
  2. On your current theme, click ⋯ (or Actions) → Edit code.
  3. Under Layout, open theme.liquid.
  4. Paste your Grimm snippet right before the closing </body> tag.
  5. Click Save.

Prefer no code? A free "custom code / embed" app from the Shopify App Store can insert the same snippet site-wide.

4. Check it and choose where it shows

Open your storefront — Grimm appears as a small bubble in the corner. To show it only on some pages (e.g. product pages) or hide it from others, use the Pages tab in your dashboard.

Troubleshooting

  • The bubble doesn't appear — confirm the snippet is in theme.liquid before </body> and the chatbot id is correct.
  • "Domain not allowed" — add your store's domain in the Domains tab.
  • Just changed something and don't see it? Your browser may cache the widget — try a private window.
Heads up: Shopify locks down its checkoutpages — third-party scripts can't run there (except on Shopify Plus), so Grimm won't appear during checkout. It works everywhere else on your store.

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