DocsInstallation
Install on Shopify
Install the chat bubble across your entire Shopify store by adding the snippet to your theme layout.
- 1Open your theme codeIn your Shopify admin, go to Online Store → Themes. On your current theme, click the ⋯ menu and choose Edit code.
- 2Open theme.liquidUnder the Layout folder, click
theme.liquid. This is the global layout shared by every page. - 3Paste the snippet before </body>Scroll to the bottom and paste your embed code right before the closing
</body>tag:
<script
async
src="https://easychatwidget.com/widget.js"
data-widget-id="YOUR_WIDGET_ID"
></script>- 1SaveClick Save. Because it's in
theme.liquid, the bubble appears on every page, including product and checkout-adjacent pages.
Tip
Using a Shopify 2.0 theme? You can also add it as a custom Liquid block, but editing
theme.liquid is the most reliable way to load it site-wide.Verify it works
- 1Reload your siteHard-refresh the page (Ctrl/Cmd + Shift + R) so the new script loads.
- 2Look for the chat bubbleIt appears in the bottom-right corner. Click it to open the chat panel.
- 3Send a test messageIf the AI replies, you're connected. The chat also shows up live in the Conversations table on your widget's dashboard page.