How to Add a Chatbot to Shopify (Step by Step)

."},{"@type":"HowToStep","position":2,"text":"In your Shopify admin, go to Online Store."},{"@type":"HowToStep","position":3,"text":"Duplicate your current theme first, so you have a backup: click the ... button next to it, then Duplicate."},{"@type":"HowToStep","position":4,"text":"On your current theme, click the ... button again, then Edit code."},{"@type":"HowToStep","position":5,"text":"In the Layout folder, open theme.liquid."},{"@type":"HowToStep","position":6,"text":"Paste your code just before the closing tag."},{"@type":"HowToStep","position":7,"text":"Click Save."},{"@type":"HowToStep","position":8,"text":"Open your website in a new tab and look for the chat bubble in the bottom-right corner, or bottom-left if you've moved it in Settings. Your Widget page shows \"Live on your site\" once it has been seen there."}]}

Before you start

A theme you can edit: a free theme, or a paid theme you've bought. Trial versions of paid themes can't be edited.
Your code from your assistant's Widget page.

Steps to add your Shopify chatbot

Sign in, open your assistant's Widget page and copy the one line of code shown there. It starts with <script and ends with </script>.
In your Shopify admin, go to Online Store.
Duplicate your current theme first, so you have a backup: click the ... button next to it, then Duplicate.
On your current theme, click the ... button again, then Edit code.
In the Layout folder, open theme.liquid.
Paste your code just before the closing </body> tag.
Click Save.
Open your website in a new tab and look for the chat bubble in the bottom-right corner, or bottom-left if you've moved it in Settings. Your Widget page shows "Live on your site" once it has been seen there.

Platform steps checked on October 1, 2026 against Shopify Help Center: Editing theme code

Good to know

Theme updates can replace your edited code. After updating your theme, check the chat bubble is still there.
There's no Shopify app to install; the one line of code is all it needs.

Can't edit your website?

Every assistant has its own chat page. Link to it from your website's menu, your Google Business Profile, social media or email signature. Or use "Email this to my web person" on your Widget page to send the code to whoever runs your site.

Questions

Is there a Shopify chatbot app?

Not for this assistant. You add it with one line of code in your theme, which works with any theme you can edit. What it can and can't do for a store is on our ecommerce page.

Will it appear on the Shopify checkout?

No. Checkout pages don't use your theme's layout, so the chat shows on your store pages but not at checkout.

How to add a chatbot to your Shopify store

Before you start

Steps to add your Shopify chatbot

Good to know

Can't edit your website?

Questions

Your customers are asking right now