Shopify Integration
Add live chat support to your Shopify store and connect with customers in real-time.
Installation Steps
Open Theme Editor
From your Shopify admin, go to Online Store → Themes. Click Actions → Edit code on your current theme.
Find theme.liquid
In the left sidebar, under Layout, click on theme.liquid.
Add the Script
Find the closing </body> tag and paste the following code just before it:
<script src="https://www.crispchat.app/chatbot-embed.js?id=YOUR_SITE_ID"></script>Save
Click Save in the top right corner. The chat widget will now appear on your store.
That's it!
Visit your store to see the chat widget. It will appear on all pages including product pages, cart, and checkout.
Alternative: Using App Embed
Some Shopify themes support app embeds in the theme customizer:
- Go to Online Store → Themes → Customize
- Click App embeds in the left sidebar
- If CrispChat appears, toggle it on
- Click Save
Note
App embeds are only available for Online Store 2.0 themes. If you don't see the App embeds option, use the theme.liquid method above.
Tips for E-commerce
Pre-sale Support
Answer product questions in real-time to help customers make purchase decisions.
Cart Abandonment
Proactively engage visitors who have items in their cart but haven't checked out.
Order Support
Help customers with order status, shipping questions, and returns.
Build Trust
Visible live chat increases customer confidence and conversion rates.
Troubleshooting
Widget not showing?
- • Make sure you saved the theme.liquid file
- • Clear your browser cache and refresh the page
- • Verify the script is placed before </body> and not inside a comment
- • Check that your Site ID is correct
Widget appears on wrong pages?
By default, the widget appears on all pages. If you want to exclude certain pages, you can wrap the script in Liquid conditionals:
{% unless template == 'cart' %}
<script src="https://www.crispchat.app/chatbot-embed.js?id=YOUR_SITE_ID"></script>
{% endunless %}