How to Add Asyntai AI Chatbot to Hostinger

Step-by-step guide for Hostinger Website Builder

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 Custom Code Settings

Hostinger Website Builder has a built-in Custom Code feature:

  1. Log into your Hostinger Website Builder editor
  2. Click "Settings" in the left sidebar
  3. Select "Custom Code"
  4. Paste your Asyntai embed code in the "Footer code" section
  5. Click "Save" and publish your site

Tip: Adding the code to the Footer section ensures it loads after the page content, which is recommended for chat widgets.

Step 3: Verify Installation

After saving and publishing your changes, visit your Hostinger 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 settings and published your site after adding the code. Try clearing your browser cache or viewing in an incognito window.