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 Blogger

Step-by-step guide for Blogger 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: Using HTML/JavaScript Gadget (Recommended)

The easiest way to add the chatbot is using Blogger's built-in HTML/JavaScript gadget:

  1. Log in to your Blogger Dashboard at blogger.com
  2. Select your blog from the list
  3. Click "Layout" in the left sidebar
  4. Find a section where you want to add the widget (preferably the footer)
  5. Click "Add a Gadget"
  6. Select "HTML/JavaScript" from the gadget list
  7. Leave the title empty (or add one if you prefer)
  8. Paste your Asyntai embed code in the content area
  9. Click "Save"
  10. Click "Save arrangement" in the Layout page

Tip: Adding the gadget to the footer section ensures it loads on all pages of your blog. The chatbot will appear as a floating button regardless of where you place the gadget.

Alternative: Edit Theme HTML

You can also add the code directly to your theme's HTML:

  1. Go to "Theme" in the left sidebar
  2. Click the dropdown arrow next to "Customize"
  3. Select "Edit HTML"
  4. Press Ctrl+F (or Cmd+F on Mac) to open search
  5. Search for </body>
  6. Paste your Asyntai embed code just before the </body> tag
  7. Click "Save theme"

Important: When editing theme HTML, be careful not to delete or modify other code. Consider backing up your theme first by clicking "Backup" before making changes.

Step 3: Verify Installation

After saving your changes, visit your blog 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? Blogger may take a few minutes to apply changes. Try clearing your browser cache or viewing in an incognito window. Make sure you clicked "Save" after adding the gadget.