How to add live chat to a Shopify store

Updated July 18, 2026

Add AI-first chat to Shopify with one snippet in theme.liquid — no app-store install, with the honest trade-offs of going app-free spelled out.

Shopify pushes you toward the App Store for everything, and for apps that touch orders, inventory, or checkout, that's right. Chat is different: the widget is a script the vendor serves regardless, and an app wrapper mainly adds review-process lag and sometimes per-order pricing. If the chat tool you want isn't in the App Store — ZChat isn't — the theme.liquid route is the supported path, and it's a five-minute job.

The steps: in Shopify admin, go to Online Store, open the theme's actions menu (the horizontal menu icon), then Edit code. Open Layout → theme.liquid and paste the widget snippet on a new line above the closing </head> tag. Save. Shopify's help article says you can edit a theme's code only after you have purchased it. Because theme.liquid wraps every storefront page, the launcher now appears store-wide — product pages, collections, cart, blog.

Verify in a private window: launcher renders bottom-right, opens, and answers a test question. If nothing appears, the usual suspects are pasting into the wrong theme (edit the live one, or duplicate first and test on the copy — safer), or an app like a cookie bar occupying the same corner. One Shopify-specific caveat: checkout pages don't run theme.liquid scripts on most plans — Shopify locks checkout markup — so expect the widget everywhere except checkout, and treat that as platform behavior, not a broken install.

Theme updates are the maintenance gotcha. Shopify theme updates work by installing a new theme version — your edits to the old theme.liquid don't carry over automatically. Make the snippet part of your theme-update checklist (it's one paste), or if your theme supports it, add the script via a custom-liquid section in the theme editor instead, which some themes preserve more gracefully.

Now the honest trade-offs of going app-free. No App Store billing — you pay the chat vendor directly, with no per-order cut. No uninstall automation — removing the widget means deleting the snippet, which is also the whole uninstall. And critically: no order data by default. A script-tag widget doesn't know who the customer is or what they ordered. In ZChat you can connect your store on the AI actions page, and the AI then looks up an order's status from its number and the email used on it; until you do, 'where is my order?' should be a question your AI answers with your policy article and then hands to a human, not something it pretends to look up. Configure the handoff keywords accordingly.

That last limitation is worth sitting with: if your support volume is dominated by order-status lookups, a Shopify-native chat app with order integration may serve you better than any script-tag tool. If your volume is pre-sales questions, sizing, shipping policy, and 'talk to a person' — the AI-plus-handoff loop covers it, and the widget stays independent of your theme, your apps, and Shopify's platform politics.

In Shopify admin: Online Store → the theme's actions menu → Edit code → Layout → theme.liquid, paste the widget snippet above the closing </head> tag, save, and the chat launcher appears storefront-wide.

Going app-free means no App Store review overhead and no per-order fees. Order data comes only if you connect your store for order-status lookups; until then the AI answers from your knowledge base, and order-specific questions should route to a human.

ZChat is not in the Shopify App Store; treat this as a script-tag integration. Test checkout pages separately, since some themes exclude custom scripts there.