Shopify Integration Guide
Add the ChatFlow chat widget to your Shopify store by pasting the embed snippet into your theme.
Before you begin
Shopify does not have a one-click connection, but adding ChatFlow is quick: copy the embed snippet and paste it into your store's theme.
Add ChatFlow to Shopify
Copy your snippet
In ChatFlow, open your chatbot's Publish tab and select Copy install code. The snippet looks like this:
<script async data-chatbot="YOUR_CHATBOT_ID" src="https://chat-flow.app/chatflow-chatbot.js"></script>Open your theme code
In your Shopify admin, go to Online Store → Themes. On the theme you want, select the ... (Actions) menu and choose Edit code.
Paste the snippet
Open the theme.liquid file under Layout. Paste the snippet just before the closing </body> tag, then Save.
Use a duplicated theme
Before editing theme code, duplicate your live theme (Actions → Duplicate) so you have a backup to revert to if anything looks off.
Verify it's working
- Open your store in a new tab (an incognito window gives the cleanest result).
- Confirm the chat widget appears (bottom right by default).
- Open it, send a test message, and confirm it shows up under Conversations in your dashboard.
Troubleshooting
The widget is not appearing
Confirm the snippet is in theme.liquid before </body> and that you saved, and that you edited the live theme (not an unpublished copy). Clear your cache and hard-refresh the storefront.
It works on some pages but not others
theme.liquid applies site-wide, so a missing widget on a specific page usually means that page uses a different template. Make sure the snippet is in the main layout file your store uses.