Back to Dashboard

Documentation

Learn how to use Asyntai

Getting Started
Installation Knowledge Base Test Your AI Manage Websites Customization AI Instructions Tips
Features
Website Crawl Knowledge Gaps Product Cards User Context Live Monitoring Human Takeover Escalation AI Notifications Daily Report Real-Time Data Feed Team Members Single Sign-On Include Images Image Vision Translation Widget Localization Leads Support Tickets Bookings Exclude Pages Smarter Model Enable Thinking Reply Suggestions Follow-up Messages Transcript Download
Analytics
Chat Analytics Chat Logs
Integrations
REST API Instagram Messenger WhatsApp Zapier Email Mobile Apps
Other
Add to Home Screen

How to Add Asyntai AI Chatbot to BigCommerce

Step-by-step guide for BigCommerce 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 Craft CMS Craft CMS Contentful Contentful Strapi Strapi Joomla Joomla Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Statamic Statamic 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: Choose Installation Method

There are several ways to add the chat widget to BigCommerce. Choose the method that works best for you:

Method 1: Using Script Manager (Recommended)

The Script Manager is the easiest and recommended way to add custom scripts to your BigCommerce store. It doesn't require any coding knowledge and persists across theme changes.

  1. Log in to your BigCommerce Control Panel
  2. Go to Storefront → Script Manager
  3. Click the "Create a Script" button
  4. Configure your script with these settings:
    • Name: Asyntai AI Chatbot
    • Description: AI-powered chat widget (optional)
    • Placement: Footer
    • Location: All Pages
    • Script Category: Functional
    • Script Type: Script
  5. In the "Script Contents" box, paste your Asyntai embed code
  6. Click "Save"

Why use Script Manager? Scripts added through Script Manager are managed separately from your theme. They won't be affected when you update or change your store theme.

Method 2: Using Page Builder

You can use BigCommerce's Page Builder to add the chat widget using an HTML element. This method is useful if you want more control over where the widget appears.

  1. Log in to your BigCommerce Control Panel
  2. Go to Storefront → My Themes
  3. Click the "Customize" button on your active theme
  4. In the Page Builder's left sidebar, find the "HTML" element
  5. Drag and drop the HTML element to the footer area of your page template
  6. Click on the HTML element and select "Edit HTML"
  7. Paste your Asyntai embed code
  8. Click "Save HTML"
  9. Click "Publish" to apply changes to your live store

Note: If you want the chatbot on all pages, you'll need to add it to a global region like the footer. The Script Manager method is easier for site-wide installation.

Method 3: Edit Theme Files (Stencil Themes)

For developers using Stencil themes, you can add the code directly to your theme files. This requires access to your theme's source files.

Using BigCommerce Control Panel

  1. Go to Storefront → My Themes
  2. Click "Advanced" on your active theme
  3. Select "Edit Theme Files"
  4. Navigate to templates → components → common
  5. Open footer.html
  6. Scroll to the bottom of the file
  7. Paste your Asyntai embed code just before the closing tag
  8. Click "Save & Apply File"

Using Stencil CLI (Local Development)

If you're developing locally with the Stencil CLI:

  1. Open your theme's local files
  2. Navigate to templates/components/common/footer.html
  3. Add your Asyntai embed code before the closing tags
  4. Push your changes using stencil push

Important: Theme file changes may be overwritten when you update your theme. For a permanent solution that persists across theme updates, use the Script Manager method.

Step 3: Verify Installation

After adding the code, visit your BigCommerce 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? Clear your browser cache and try again. If you've made changes through the Theme Editor, make sure you clicked "Publish" to apply the changes to your live store.