🛒Shopify Integration Guide

Add an AI chatbot to your Shopify store by editing the theme.liquid layout file.

1Open the theme code editor

In your Shopify admin, go to Online Store → Themes. Click the three-dot menu on your active theme and select Edit code.

2Open theme.liquid

In the Layout folder on the left sidebar, click on theme.liquid. This is the main layout file that wraps every page of your store.

3Paste before </body>

Scroll to the bottom of the file and paste the BotEmbed.ai embed script directly before the closing </body> tag.

4Replace YOUR_BOT_ID and save

Replace the placeholder YOUR_BOT_ID with your actual bot ID from the BotEmbed.ai dashboard, then click Save.

Code Examples

theme.liquid

    {{ content_for_layout }}

    <!-- BotEmbed.ai Chat Widget -->
    <script
  src="https://www.botembed.ai/widget.js?botId=YOUR_BOT_ID"
  data-theme="light"
  data-position="bottom-right"
></script>
  </body>
</html>

Tips

The chatbot will appear on every page of your store including product pages, the cart, and checkout (if supported by your plan).

You can train your bot with product data to answer customer questions about sizing, shipping, and returns.

Consider using data-display-text="Need help?" to encourage shoppers to ask questions before abandoning their cart.

Duplicate your theme before editing code so you can revert changes if needed.

Previous📝 WordPress Next◼️ Squarespace