Back to Dashboard

Documentation

Learn how to use Asyntai

Getting Started
Installation Knowledge Base Test Your AI Customization
Features
Knowledge Gaps Product Cards User Context Live Monitoring Human Takeover Escalation AI Notifications Daily Report Real-Time Data Feed Team Members Include Images Image Vision Localization Enable Thinking
Analytics
Chat Analytics

How to Add Asyntai AI Chatbot to Shopify

Step-by-step guide for Shopify stores

Get Embed Code
Platform:
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce Wix Wix Squarespace Squarespace Webflow Webflow Joomla Joomla Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Umbraco Umbraco Moodle Moodle

Step 1: Get Your Embed Code

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Note: The code above is just an example. You must copy your own unique embed code from your Dashboard as it contains your personal widget ID.

Step 2: Add Code to Your Shopify Theme

Follow these steps to add the chatbot to your Shopify store:

  1. Log in to your Shopify Admin panel
  2. Go to Online Store → Themes
  3. Find your current theme and click the "..." button (three dots)
  4. Select "Edit code" from the dropdown menu
  5. In the left sidebar, under Layout, click on theme.liquid
  6. Scroll down to find the closing </body> tag
  7. Paste your Asyntai embed code just before the </body> tag
  8. Click "Save" in the top right corner

Tip: Use Ctrl+F (Windows) or Cmd+F (Mac) to quickly search for </body> in the theme.liquid file.

Alternative: Using Shopify App

If you prefer not to edit code, you can use a Shopify app to add custom scripts:

  1. Go to the Shopify App Store
  2. Search for "Custom Script Injector" or "Header & Footer Scripts"
  3. Install the app of your choice
  4. Use the app to add your Asyntai embed code to the footer section

Step 3: Verify Installation

After saving your changes, visit your Shopify store in a new browser tab or incognito window. You should see the chat widget button in the bottom right corner of your store. Click it to make sure it opens and works correctly.

Not seeing the widget? Shopify may cache your theme files. Try opening your store in an incognito/private browser window, or wait a few minutes and refresh the page.

Shopify Plus Users

If you're on Shopify Plus, you can also add the script through the checkout.liquid file to display the chatbot on checkout pages. However, note that most stores only need it on the main storefront pages.