Add AI Customer Support to Your Shopify Store

Before you start

Check you have these ready. It saves a trip back halfway through.

• A ChatterEase account. You start on the Free plan, and you do not need a card to start.
• An AI agent trained on your own content, such as your website pages or files (PDF, Word, text). Ask it a few test questions in the dashboard first, so you know the answers are right before visitors see it.
• Access to your Shopify admin with permission to edit themes. The store owner has this; staff accounts need theme access.
• Any Shopify plan. Every plan lets you edit your theme code.

Not set up yet? See the plans and prices, then follow the quick start guide to create your AI agent and train it on your website.

How to add ChatterEase to Shopify, step by step

1. 1

   Step 1: Copy your embed code from ChatterEase

   Log in to ChatterEase and go to Dashboard, then AI agents. Open the agent you want on your site and click the Embed tab. Copy the code under "Embed with a widget script". It already has your agent ID in it.

   Copy

   <script async src="https://chatterease.com/embed/YOUR_AGENT_ID/widget.js"></script>

   Tip: The code above is an example. Copy yours from the Embed tab, because it has your own agent ID where this one says YOUR_AGENT_ID.

2. 2

   Step 2: Open your theme code

   In your Shopify admin, go to Online Store, then Themes. On your current theme, click the three-dot menu (…) and choose Edit code.

   Tip: Want a backup first? In the same three-dot menu, choose Duplicate. You then have a copy of your theme to go back to.

3. 3

   Step 3: Open theme.liquid

   In the file list on the left, open the Layout folder and click theme.liquid. This file wraps the pages of your storefront, so code added here loads on all of them.

4. 4

   Step 4: Paste the script just before </body>

   Scroll to the bottom of the file, or use the editor's search, and find the closing </body> tag. Paste your ChatterEase script on its own line just above it. Leave everything else in the file as it is.

5. 5

   Step 5: Save

   Click Save. Changes to your published theme go live straight away, so there is no separate publish step.

6. 6

   Step 6: Check that it works

   Open your live site in a private or incognito window, so you see it the way a new visitor does. Look for the ChatterEase launcher in the bottom-right corner (or bottom-left, if you moved it in your agent's settings). Click it and ask a question your pages answer, like your opening hours or your returns policy. Try a product page and your cart page too.

Let an AI assistant add it for you

If Shopify has an AI assistant built in, or you use ChatGPT, Claude or Gemini, you can hand this job to it. Some assistants can make the change for you; others will tell you exactly where to click. Either way, the prompt below keeps it to one small change.

1. 1. In your ChatterEase dashboard, open AI agents, pick your agent and go to the Embed tab. Copy the embed code.
2. 2. Paste it into the box below. Your real code goes into the prompt in place of YOUR_AGENT_ID.
3. 3. Copy the prompt and paste it into your AI assistant. Check its answer before you apply any change.
4. 4. Open your live site in a private window and ask the AI agent a question to make sure it works.

I want to add the ChatterEase chat widget to my Shopify website. Please add the code below for me. If you can't make the change yourself, tell me exactly where to click and what to paste.

The code:
<script async src="https://chatterease.com/embed/YOUR_AGENT_ID/widget.js"></script>

What I need:
1. Add it to my published theme's layout/theme.liquid file, just before the closing </body> tag (Online Store > Themes > Edit code). Only change the theme that is currently live.
2. Load it on every page of the site, once. If this script is already there, don't add it again.
3. Paste it exactly as it is. Keep the async attribute and don't change the URL.
4. Don't change, move or delete any other code, theme settings or content.
5. When you're done, tell me what you changed and where, so I can undo it later.
6. Tell me how to check it works: open the live site in a private window and look for the chat button in the bottom corner.

If my plan or my permissions don't allow custom code, tell me what I need instead of trying a workaround.

The prompt asks the assistant not to touch anything else and to tell you what it changed, so you can undo it. If it can't add custom code on your Shopify plan, it should say so; the steps above still work.

If the widget does not show up

Work down this list. Most problems on Shopify come from one of these, and each one takes a minute to check.

Still stuck? The ChatterEase docs cover setup in more detail, or book a demo and ask us about your setup.

Tips for Shopify

Lead capture, the greeting bubble and Auto-update come with Growth and Pro. Compare plans.

Questions about ChatterEase on Shopify