🛍️ Shopify Guide

How to Add Zappiq AI Chatbot to Your Shopify Store

One file edit — paste your script in theme.liquid and you're done. Works on all Shopify themes and all pages of your store. Takes about 5 minutes.

⏱ 5 minutesAll Shopify themesAll store pages

Before You Start

You need a Zappiq account and your embed script. Sign up here if you haven't yet. The installation on Shopify requires editing your theme's code — don't worry, it's a simple copy-paste and takes about 5 minutes.

Works on all Shopify themes — Dawn, Debut, Impulse, Debutify, PageFly-built themes, and all other Shopify themes. Also works with Shopify Plus.

Step-by-Step Installation

1

Go to your Shopify Admin

Log in to your Shopify admin at yourstore.myshopify.com/admin. From the left sidebar go to Online Store → Themes.

2

Open the Theme Code Editor

On your current live theme click the three dots (⋯) button and select Edit Code. This opens Shopify's built-in code editor.

3

Open theme.liquid

In the left file tree under Layout, click on theme.liquid. This is the main layout file that wraps every page in your store.

4

Find the closing </body> tag

Use Ctrl+F (or Cmd+F on Mac) to search for </body>. It's usually near the very bottom of the file.

5

Paste your Zappiq script

Place your cursor on the line immediately before </body> and paste your script.

theme.liquid — paste before </body>
<!-- Zappiq AI Chatbot --> <script src="https://cdn.zappiqai.com/widget.js" data-id="YOUR_BOT_ID" defer></script> </body> </html>
6

Click Save

Click the Save button in the top right. Your Zappiq chatbot is now live on all pages of your Shopify store — home, product pages, collection pages, and checkout.

⚠️

Theme updates: If you update your Shopify theme to a new version, you may need to re-add the script. Check your theme.liquid after any major theme update.

Verify It's Working

Open your Shopify store in a new browser tab or incognito window. The Zappiq widget should appear in the corner within a few seconds of the page loading. Click it and confirm it responds correctly.

💡

If the widget doesn't appear, check that you saved the file and that you're viewing the correct theme (your live theme, not a draft). You can also check your Zappiq dashboard for a "Connected" status.

Frequently Asked Questions

Will it slow down my Shopify store?

No. The script uses the defer attribute so it loads after all critical page content. It won't affect your store's performance score or page load time.

Does it work on the checkout page?

On standard Shopify plans the checkout page uses a separate layout that doesn't inherit theme.liquid. Shopify Plus accounts can customize checkout — contact us at [email protected] for guidance on that.

Can I show it only on certain pages?

Yes. You can add Shopify's Liquid conditional tags to show the widget only on specific page types. For example, wrapping it in {% if template == 'product' %} shows it only on product pages.

Does it work with Shopify Markets or multiple languages?

Yes. Zappiq works regardless of language or market settings since it's loaded at the theme level.

Ready to capture more leads from your website?

Start your 7-day free trial — 100 free conversations included. No credit card required.

Start Free Trial →