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 Webflow

Step-by-step guide for Webflow websites

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 via Site Settings (All Pages)

To add the chatbot to all pages of your Webflow site at once:

  1. Log in to your Webflow account and select your project
  2. Click the gear icon (Site Settings) in the left sidebar
  3. Click on "Custom Code" in the settings menu
  4. Scroll down to the "Footer Code" section (before </body> tag)
  5. Paste your Asyntai embed code
  6. Click "Save Changes"
  7. Publish your site for the changes to go live

Tip: Adding the code to the Footer section places it just before the closing </body> tag, which is recommended for chat widgets as it won't slow down your page loading.

Alternative: Page-Specific Custom Code

If you only want the chatbot on specific pages:

  1. Open your project in the Webflow Designer
  2. Click the Pages panel (folder icon) in the left sidebar
  3. Hover over the page you want to edit and click the gear icon
  4. Scroll down to "Custom Code"
  5. Paste your Asyntai embed code in the "Before </body> tag" section
  6. Click "Save"
  7. Publish your site

Alternative: Using Embed Element

You can also add the chatbot using the Embed element anywhere on your page:

  1. Open your project in the Webflow Designer
  2. Click the "+" button to open the Add panel
  3. Search for "Embed" or find it under Components
  4. Drag the Embed element onto your page
  5. Paste your Asyntai embed code in the code editor
  6. Click "Save & Close"
  7. Publish your site

Important: When using the Embed element, you'll need to add it to each page where you want the chatbot. For site-wide installation, use the Site Settings method above.

Step 3: Verify Installation

After publishing your site, open it in a new browser tab or incognito window. You should see the chat widget button in the bottom right corner. Click it to make sure it opens and works correctly.

Not seeing the widget? Make sure you've published your site after adding the code. Custom code only appears on the live site, not in the Designer preview. Try clearing your browser cache or viewing in an incognito window.