Add Zovama to Shopify
You will add one line to your theme so the chat appears on every page of your store. No app is needed. It takes about five minutes.
Before you start
Copy your install code from the Zovama panel: open Websites, choose your site and find the Install the widget card. Click Copy. The code is one line that starts with <script.
Steps
- In your Shopify admin, go to Online Store > Themes.
- Next to your live theme, click the ⋯ button, then Edit code.
- In the left file list, under Layout, open theme.liquid.
- Scroll to the bottom and find the </body> line. Paste your Zovama code on the line just above it.
- Click Save.
Check that it works
- Open your website in a new browser tab and refresh the page.
- The chat bubble appears in the bottom corner of the page.
- In the Zovama panel, the Install the widget card changes to "Installed" once the widget has loaded on your site.
Common problems
- I changed my theme and the chat disappeared.
- The code lives in the theme file, so a new theme starts without it. Repeat the steps above on the new theme.
- Checkout pages do not show the chat.
- theme.liquid does not control the Shopify checkout. The chat will appear on your store pages, product pages and cart.
- I do not see the chat bubble.
- Clear your site cache (caching plugin, CDN or host cache) and refresh the page with Ctrl+F5 (Cmd+Shift+R on a Mac). Sites often serve an old copy of the page for a while.
- Where exactly does the code go?
- Just before the closing </body> tag, once per page. Pasting it twice is not harmful but is not needed.
- The code is installed but the panel says it is waiting.
- The widget only loads on the domains listed under Allowed domains for your site. Add your website address there, including the version with www if you use it.
- It shows for others but not for me.
- A browser extension such as an ad blocker can hide chat widgets. Try a private window with extensions off.
Still stuck?
Our team and our AI assistant will help you finish the setup.