How to Add Asyntai AI Chatbot to Unbounce

Step-by-step guide for Unbounce landing pages

Get Embed Code

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 JavaScripts Settings

Unbounce has a dedicated JavaScripts section for adding custom scripts:

  1. Open your Unbounce landing page in the editor
  2. Click "Settings" at the bottom left
  3. Select "JavaScripts"
  4. Click "Add custom script"
  5. Set placement to "Before Body End Tag"
  6. Paste your Asyntai embed code in the script field
  7. Click "Save" and republish your page

Tip: Setting the placement to "Before Body End Tag" ensures the chatbot loads after your page content. You can also choose "Head" placement but body end is recommended.

Step 3: Verify Installation

After saving and publishing your changes, visit your Unbounce page 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 saved your script and republished your page. Try clearing your browser cache or viewing in an incognito window.