Add an AI Chatbot to Shopify — 5-Minute Install.
Add the Zurvo AI chatbot to your Shopify store by pasting one snippet in theme.liquid. Works with any theme and any plan — full step-by-step guide.
Add an AI chatbot to Shopify in about five minutes.
You don’t need a Shopify app to add an AI chatbot to your store. Zurvo’s chat widget is a single script tag, and every Shopify theme has a theme.liquid layout file where you can paste it once to have it appear across your whole storefront — home, collections, and product pages. Because it’s just theme code, it works on any theme and any plan. This guide walks through the exact edit.
The 30-second overview: copy your embed snippet from Zurvo, paste it just before </body> in theme.liquid, save, and the chat launcher appears on your storefront. About five minutes.
Before you start.
You’ll need:
- A Zurvo account. Any plan works — every account starts with a 3-day free trial (50 messages) you can use to install and test. Sign in at app.zurvo.ai.
- A trained chatbot. Point Zurvo at your store and upload any docs so it has content to answer from — about five minutes; see how it works.
- Access to your Shopify admin with permission to edit theme code. Any Shopify plan works.
Tip: duplicate your theme first (Online Store → Themes → ⋯ → Duplicate) so you have a backup before editing code.
Step 1: Copy your embed snippet from Zurvo.
- Sign in at app.zurvo.ai.
- Open your workspace and go to Install in the sidebar.
- Under Method 1: Script Tag, click Copy. Your snippet looks like this, with your own chatbot ID:
<!-- Zurvo Chat Widget -->
<script
src="https://app.zurvo.ai/widget.js"
data-zurvo-id="YOUR_CHATBOT_ID"
async
></script>
Step 2: Paste it into theme.liquid.
- In your Shopify admin, go to Online Store → Themes.
- On your live theme, click the ⋯ (three dots) button and choose Edit code.
- In the left file list, under the Layout folder, open theme.liquid.
- Scroll to the bottom and find the closing
</body>tag. - Paste your Zurvo snippet on its own line immediately before
</body>. - Click Save.
Placing it before </body> means the script loads after your storefront content, so it never blocks your pages.
Step 3: Verify it’s working.
- Open your storefront in a normal browser tab (a private window avoids cached versions).
- Look for the chat launcher in the bottom-right corner. Click it — the widget opens to its hub with your greeting.
- Browse to a product page and confirm the launcher is there too, then ask a test question to check you get a grounded answer.
Back in Zurvo’s Install page, the status indicator turns green (“Widget detected”) once your storefront loads with the snippet in place.
Customize the look.
The widget is styled in Zurvo, not in Shopify:
- Brand color, greeting, and hub content are set in your Zurvo dashboard.
- Launcher position can be set from the snippet by adding
data-position="bottom-left"(default isbottom-right).
See the chat widget page for the full list.
Troubleshooting
The launcher doesn’t appear.
Make sure you edited the live theme (not a draft), that the snippet sits before </body> in theme.liquid, and that you clicked Save. Clear your browser cache and reload in a private window. If you use a performance app that defers or bundles scripts, exclude app.zurvo.ai from its optimization.
A cookie-consent app is blocking it.
Consent apps common on Shopify (for GDPR/CCPA) can block third-party scripts until a visitor accepts cookies. Whitelist app.zurvo.ai or classify the Zurvo script as functional/necessary so it loads.
It’s missing on some pages but not others.
If a template overrides the layout (for example a custom landing page using a different layout file, or a headless section), it may not include theme.liquid. Add the snippet to that layout too, or confirm the page uses the standard theme layout.
It doesn’t show on checkout. On non-Plus plans, Shopify’s native checkout doesn’t run storefront theme code, so the widget appears on your Online Store pages but not inside the hosted checkout. That’s expected — support conversations belong on your store pages, and the widget covers those.
Next steps
- See what the widget can do: chat widget
- Understand how answers are grounded: how it works
- Compare plans: pricing
- Prefer a walkthrough? Try it live
Installing elsewhere? See the guides for WordPress, Wix, Squarespace, Webflow, and GoDaddy.