Shopify

Install the DGbot widget on your Shopify store in under 5 minutes via the theme editor.

~5 minutes Free

Add the snippet

1
Open your Shopify theme code editor

In your Shopify admin, go to Online Store → Themes → ⋯ → Edit code.

developer/shopify-theme-editor Screenshot needed — save as: _assets/images/developer/shopify-theme-editor.png

The Edit code option in the Shopify theme editor.

2
Open theme.liquid

In the file tree on the left, find and click Layout → theme.liquid. This is your store's global layout file.

3
Find the closing body tag and add the snippet

Search for in the file (Ctrl+F or Cmd+F). Paste the DGbot snippet immediately before :

html
<!-- DGbot Widget -->
<script
  src="https://dgbot.dgtech.co.in/static/widget.js"
  data-chatbot-id="YOUR_CHATBOT_ID"
  defer
></script>

Click Save.

Verify the install

Visit your Shopify store. The DGbot chat launcher should appear in the bottom-right corner.

If it doesn't appear:

  • Clear your browser cache and reload
  • Check that the snippet is in theme.liquid (not in a section or partial that only loads on some pages)
  • Check the browser console for JavaScript errors
Test with your store open, not in preview mode
The Shopify theme preview (/?preview_theme_id=...) may behave differently from the live store. Test on the live URL.

Shopify actions

If you want your bot to look up order status, search products, or check inventory in real time — connect the Shopify integration in the DGbot admin panel in addition to installing the widget.

The widget install and the Shopify API connection are separate steps. The widget gets the chat UI on your store; the Shopify integration gives the bot access to your store's data.

See the Shopify actions guide for setup instructions.

Previous WordPress
Report an issue