How to Add Asyntai AI Chatbot to Landingi

Step-by-step guide for Landingi landing pages

Платформа:

Шаг 1: Получите код встраивания

Сначала перейдите на Панель управления Asyntai и прокрутите вниз до раздела «Код для встраивания». Скопируйте уникальный код, который выглядит так:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Примечание: Код выше — всего лишь пример. Вы должны скопировать свой уникальный код для встраивания с вашей Панели управления, так как он содержит ваш персональный идентификатор виджета.

Step 2: Open Your Landing Page Dashboard

Landingi lets you add custom JavaScript to any landing page through its built-in JavaScript Code manager. Start by opening the page you want the chatbot on:

Log in to your Landingi account
Go to the Landing Pages tab
Click the landing page you want to add the chatbot to, to open its Dashboard
In the page Dashboard, open the JavaScript Code tab

Примечание: The JavaScript Code manager is set per landing page, so you will repeat these steps for each page where you want the chat widget to appear.

Step 3: Add a New Script

In the JavaScript Code tab, add your Asyntai embed code as a new script:

Click Add new script
Paste your Asyntai embed code into the Content field:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Give the script a recognizable Name, such as "Asyntai Chatbot"
Under Position, select Body bottom on the Main page
Click Add script to save it to your landing page

Совет: Choosing the Body bottom position loads the widget after your page content, which keeps your landing page fast and ensures the chat button appears reliably.

Примечание: Replace "YOUR_WIDGET_ID" with your own widget ID from the embed code in your Asyntai Dashboard. Do not use the example ID.

Step 4: Publish Your Landing Page

Custom scripts only go live once the page is published:

Return to your landing page editor or Dashboard
Click Publish (or Republish if the page was already live) to apply your changes
Open the published page URL to confirm the update took effect

Важно: If you skip republishing, the chat widget will not appear on your live landing page even though the script is saved. Always republish after adding or editing the script.

Step 5: Verify Installation

After republishing, open your live Landingi landing page in a new browser tab or incognito window. You should see the chat widget button in the bottom right corner. Click it to ensure it opens and functions correctly.

Виджет не отображается? Make sure you saved the script, selected the Body bottom position, and republished the page. Clear your browser cache or view in incognito mode. Check the browser console (F12) for any JavaScript errors.

Нужна помощь?

Landingi does not provide technical support for custom scripts added to your landing pages, but adding the Asyntai embed code is straightforward. If you run into trouble, contact Asyntai support for guidance on installing the chatbot on your Landingi landing pages.

Совет: To add the chatbot across several landing pages, repeat these steps on each page, or add the script to all pages at once from your Landingi account-level JavaScript settings if your plan supports it.