Shopify

Add chatbot embed code to Shopify

Install the chatbot launcher on a Shopify storefront by adding the script to the active theme.

Shopify

Before you start

Best for

Online stores that need product help, shipping answers, returns guidance, order policy answers, and lead capture.

Install location

Add the script near the closing body tag in layout/theme.liquid. Duplicate the theme before editing if the store is live.

Shopify snippet

<script
  src="https://your-domain.com/widget.js"
  data-workspace-id="WORKSPACE_ID"
  data-chatbot-id="CHATBOT_ID"
  defer
></script>

Install

1Copy the widget snippetOpen the chatbot Embed page and copy the final script.
2Duplicate the themeIn Shopify admin, duplicate the live theme so you can test the script before it reaches shoppers.
3Edit theme codeOpen the theme code editor, find layout/theme.liquid, and paste the script before the closing body tag.
4Preview and publishSave the theme, preview the storefront, then publish or copy the change to the live theme when verified.

Access

Add the store custom domain.

Add the myshopify.com domain if you test through that URL.

Headless storefronts should allow the public storefront domain, not the admin domain.

Verify

Do not install the visible chat widget as a custom pixel. Pixels are for event tracking and may run in a restricted sandbox.

Theme scripts usually do not appear on checkout pages. Verify storefront pages such as home, product, collection, and cart.

Theme updates can replace manual code edits, so keep a note of where the snippet was added.

Next doc

Use Wix custom code settings to load the widget on all published site pages.