Adding SiteBot24 to Shopify
Shopify's theme system makes it straightforward to add the SiteBot24 chatbot widget to your store. Here's how to do it.
Method 1: Theme Editor (No Code)
Using a Custom Liquid Section
- In Shopify admin, go to Online Store → Themes
- Click Customize on your active theme
- In the bottom-left, click Add section or look for a Custom HTML/Liquid section type
- Add the SiteBot24 widget code
- Save
Note: Section availability depends on your theme. Not all themes support custom sections in the footer area.
Method 2: Theme Code Editor (Recommended)
Access the Code Editor
- In Shopify admin, go to Online Store → Themes
- Click the three dots next to your active theme
- Select Edit code
Add the Widget
- In the file tree, find and open
Layout/theme.liquid
- Locate the closing
</body> tag near the bottom
- Paste the SiteBot24 widget code just before
</body>
- Click Save
<!-- SiteBot24 Chat Widget -->
<!-- paste your widget code here -->
</body>
</html>
The chatbot will now appear on all pages of your Shopify store.
Method 3: Additional Scripts (Checkout Pages)
To add SiteBot24 to Shopify checkout pages (requires Shopify Plus):
- Go to Settings → Checkout
- Scroll to Order status page or Additional scripts
- Paste the widget code
Theme Updates
When Shopify updates your theme or you switch themes, you'll need to re-add the widget code. Keep a note of where you added it.
Tip: Create a code comment so it's easy to find: <!-- SiteBot24 - added [date] -->
Shopify-Specific Chatbot Training
Train your SiteBot24 chatbot with Shopify-common questions:
Shipping and Delivery:
- Shipping options and costs
- Estimated delivery times
- International shipping
- Tracking orders
Returns and Refunds:
- Return window
- How to initiate a return
- Refund timeline
Products:
- Size guides
- Product care instructions
- Availability and restocking
Account:
- How to create an account
- Forgotten password
- Order history
Testing Your Integration
- Visit your store in a private/incognito window
- Verify the chat button appears on: homepage, collection pages, product pages, cart
- Test on mobile (very important for Shopify stores – majority of traffic is mobile)
- Send a few test messages
Analytics
After going live, check your SiteBot24 analytics after 1–2 weeks to see:
- Top customer questions
- Questions the chatbot couldn't answer (add these to your training data)
- Peak usage times
- Customer satisfaction ratings
This data guides your ongoing chatbot improvement.