Back to Dashboard

Documentation

Learn how to use Asyntai

Getting Started
Installation Knowledge Base How the AI Accesses Your Content Connect Your Website Test Your AI Manage Websites
Customization
Chat Button Designs Chat Button Icon Widget Colors AI Assistant Name Initial Message Widget Position Auto-Trigger Greeting Bubble Unread Badge Instruction Mode Ask Questions Use Emoji Collect Emails Collect Phone Numbers Smart Lead Capture Localization Hide Branding Privacy Link Custom Notice Transcript Download New Conversation Conversation History Tagline & Status Dot Speech to Text Chat Icon Company Logo Character Limit Temperature
AI Instructions Tips Switching From Another Chatbot Compare Plans
Features
Ask AI Bar AI Search Bar AI Search for WordPress AI Search for Joomla AI Search for Webflow AI Search for Ghost AI Search for Moodle AI Search for TYPO3 AI Search for Craft CMS AI Search for Grav AI Search for Concrete CMS AI Search for October CMS AI Search for ProcessWire AI Search for Odoo AI Search for Bagisto AI Search for Medusa AI Search for OpenCart AI Search for BigCommerce AI Search for Magento Website Crawl Knowledge Gaps Product Cards Dynamic Product Cards Dynamic Images User Context Custom Tools Link Parameters Live Monitoring Human Takeover Escalation AI Notifications Daily Report Real-Time Data Feed Real-Time Data Feed Max Team Members Single Sign-On Two-Factor Authentication Include Images Image Vision Translation Widget Localization AI Transparency Leads Smart Lead Capture Support Tickets Chat Categories Bookings Embeds Exclude Pages Blocked IPs Retention Policy Zero Retention Mode PII Redaction Output Classifier Access Tags Widget Version Pinning Audit Log Smarter Model Enable Thinking Reply Suggestions Follow-up Messages Speech to Text Transcript Download Embedded Chat Iframe Embed
Analytics
Chat Analytics Chat Logs
Integrations
REST API MCP Connector Instagram Messenger WhatsApp Discord Zulip GitHub GitHub Actions CircleCI Bitrix24 phpBB MyBB Simple Machines NodeBB Wagtail HumHub XenForo Rocket.Chat WHMCS FOSSBilling FreeScout Crisp Airtable Trello Matomo Shoplazza SHOPLINE Jumpseller ShopRenter Shift4Shop ActiveCampaign Browser Extension Raycast Astro Nuxt Obsidian LiveChat Elgg thirty bees Frappe / ERPNext Clover Grafana Airbyte Meltano Attio Figma Canva Stripe SuiteCRM YouTrack Redmine Kit nopCommerce Nuvemshop Squarespace Coda Thinkific Docusaurus Google Tag Manager CS-Cart XWiki MediaWiki DokuWiki ownCloud Webex Activepieces Albato Zapier Email Notion Gmail Google Sheets GitBook Confluence Jira Service Management Contao Zoho Desk Mobile Apps
Other
Add to Home Screen Custom Open Button Ask AI Buttons Payment Failed?
Ask AI

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 BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

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>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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.

Adding the AI Search Bar

The AI Search Bar is a separate widget with its own code. Add it as well as the chat widget, or on its own. It needs the Standard plan or higher: on a lower plan the bar appears but never returns results.

Add the data-replace attribute to the script tag and the bar takes the place of the one your theme already has. Paste it into theme.liquid just before the closing body tag, the same file as the chat code. Your theme keeps its own search results page, so pressing Enter still works exactly as before.

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

Read the full AI Search Bar guide