How to add live chat to a Shopify store (and make it useful)

An online store loses most of its almost-buyers silently. Someone hesitates over sizing, shipping time, or a return question, finds no quick way to ask, and closes the tab. Live chat exists for exactly that moment, and adding it to Shopify takes about five minutes. This guide covers the install, the store-specific setup that most guides skip, and what to automate first.

Install the widget in theme.liquid

1. Get a chat widget account and your workspace ID. Chattypie's free plan works for everything in this guide.
2. In Shopify admin, go to Online Store, then Themes.
3. On your live theme, open the ... menu and choose Edit code.
4. Open layout/theme.liquid.
5. Just before the closing </body> tag, paste:

<div id="chattypie-widget" data-websiteuid="YOUR_WORKSPACE_ID"></div>
<script src="https://www.chattypie.com/chat-widget.min.js"></script>

1. Replace YOUR_WORKSPACE_ID with the ID from your dashboard's Installation page, and press Save.

Open your storefront in an incognito window: the chat bubble should appear on every page. The widget loads asynchronously in an iframe, so it does not block your page render or fight your theme's CSS. (The general version of this install, including React and WordPress, is in how to add live chat to any website.)

Theme editor alternative: if you prefer not to edit code, most themes accept the same snippet via a Custom Liquid section in the theme editor's footer area. theme.liquid remains the cleaner option because it covers every template at once.

Store-specific setup that actually matters

Answer where people hesitate

Chat volume on a store clusters on product pages ("does this run small?"), the cart ("code not working"), and post-purchase pages ("where is my order?"). Make sure the widget shows on all of them, and consider a proactive message only on high-hesitation pages like shipping policy. Everywhere else, a quiet bubble beats a pushy popup.

Prepare the five questions every store gets

Before announcing chat, write canned answers for: order status, shipping times and costs, returns and exchanges, sizing, and discount-code problems. Those five cover the bulk of store chat. Our canned response templates include ready starting points; edit them to your policies.

Put your policies in a help center

A short help center (shipping, returns, sizing charts, order changes) does two jobs: customers self-serve at 2am, and it becomes the source your AI agent answers from. Write the articles in the customer's words; the craft is covered in our knowledge base guide.

Set expectations honestly

A solo operator cannot staff chat all day, and does not need to. Set business hours in the dashboard with an away message that promises a reply time you can keep ("we answer within a few hours, evenings excluded"). An answered-next-morning message disappoints nobody; an unanswered live chat does.

Automate the repetitive tier

Store questions are unusually automatable because so many have factual answers. An AI agent answering from your help center handles the shipping/returns/sizing tier around the clock and hands the rest to you, with the full conversation attached. Chattypie includes the AI agent in paid plans with usage credits rather than per-resolution fees, which matters for stores precisely because busy seasons are when per-resolution pricing hurts most.

Checklist before you call it done

1. Bubble appears on product, cart, and checkout-adjacent pages (incognito test).
2. A test message from the storefront reaches your inbox in real time, and your reply streams back.
3. Mobile: widget opens full-screen, keyboard does not cover the composer. Most store traffic is mobile; this test is not optional.
4. Business hours and away message set.
5. Canned answers for the top five store questions saved.
6. Speed check: run your storefront through a performance test before and after; an async iframe widget should not move your scores meaningfully.

From there, chat earns its keep in the transcripts: every conversation is a customer telling you, in their own words, what your product pages failed to answer. Feed that back into your pages and policies, and the same questions stop arriving. When you are ready to go beyond the basics, these live chat practices are the difference between a widget that exists and one that sells.