How to Add Asyntai AI Chatbot to Tilda

Step-by-step guide for Tilda websites

Platform:

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 to Your Entire Site (Recommended)

To add the chatbot to all pages of your Tilda website at once, use the Site Settings method:

Log in to your Tilda account and open your site editor
Click Site Settings (gear icon) in the top menu
Scroll down to the "More" section
Find "HTML code for the HEAD section for all pages"
Click "Edit code"
Paste your Asyntai embed code in the text box
Click "Save"
Click "Publish" to apply changes to your live site

Tip: This method adds the chatbot to every page on your site automatically. It's the easiest way to ensure the chatbot is available site-wide for your visitors.

Alternative: Using T123 Block (Specific Pages)

If you want to add the chatbot to specific pages only, you can use Tilda's T123 HTML block:

Open the page you want to edit in the Tilda editor
Click "+ Add Block" or press "T"
In the Block Library, go to Other → T123 (Embed HTML Code)
Alternatively, search for "T123" in the search bar
Click on the T123 block to add it to your page
In the block settings, paste your Asyntai embed code
Position the block anywhere on your page (it doesn't affect widget placement)
Click "Publish" to make the changes live

Note: The T123 block supports HTML, JavaScript (inside <script> tags), and CSS (inside <style> tags). The visual placement of the block doesn't matter - the chatbot will appear in the bottom right corner as configured.

Per-Page Head Section (Advanced)

For more control, you can add code to individual page head sections:

Open the page in the Tilda editor
Click Page Settings (gear icon) in the top menu
Go to the "Additional" tab
Find "HTML code for the HEAD section"
Paste your Asyntai embed code
Click "Save" and then "Publish"

Important: When using the T123 block or per-page method, you'll need to add the code to each page where you want the chatbot to appear. For site-wide installation, use the Site Settings method described in Step 2.

Step 3: Verify Installation

After publishing your changes, open your website 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.