Як додати AI чат-бот Asyntai до Webflow

Покрокова iнструкцiя для сайтiв Webflow

Платформа:

Крок 1: Отримайте код для вставки

Спочатку перейдiть до вашої Панелi керування Asyntai та прокрутiть вниз до роздiлу "Код для вставки". Скопiюйте унiкальний код для вставки, який виглядатиме так:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Примiтка: Код вище є лише прикладом. Ви повиннi скопiювати власний унiкальний код для вставки з вашої Панелi керування, оскiльки вiн мiстить ваш особистий ID вiджета.

Крок 2: Додайте код через налаштування сайту (всi сторiнки)

Щоб додати чат-бот на всi сторiнки вашого сайту Webflow одразу:

Log in to your Webflow account and select your project
Натиснiть на значок шестерня (Налаштування сайту) на лiвiй бiчнiй панелi
Натиснiть на "Custom Code" в меню налаштувань
Прокрутiть вниз до роздiлу "Footer Code" (перед тегом </body>)
Вставте ваш код для вставки Asyntai
Натиснiть "Save Changes"
Опублiкуйте свiй сайт, щоб змiни набули чинностi

Порада: Додавання коду в роздiл Footer розмiщує його безпосередньо перед закриваючим тегом </body>, що рекомендується для вiджетiв чату, оскiльки це не сповiльнить завантаження сторiнки.

Альтернатива: Користувацький код для конкретної сторiнки

Якщо ви хочете чат-бот лише на конкретних сторiнках:

Вiдкрийте свiй проект у Webflow Designer
Натиснiть на панель сторiнок (значок папки) на лiвiй бiчнiй панелi
Наведiть курсор на сторiнку, яку хочете редагувати, та натиснiть на значок шестерня
Прокрутiть вниз до "Custom Code"
Вставте код вбудовування Asyntai в роздiл "Before </body> tag"
Натиснiть "Save"
Опублiкуйте свiй сайт

Альтернатива: Використання елемента Embed

Ви також можете додати чат-бот за допомогою елемента Embed будь-де на вашiй сторiнцi:

Вiдкрийте свiй проект у Webflow Designer
Натиснiть кнопку "+", щоб вiдкрити панель додавання
Search for "Embed" or find it under Components
Перетягнiть елемент Embed на вашу сторiнку
Вставте ваш код вбудовування Asyntai в редактор коду
Натиснiть "Save & Close"
Опублiкуйте свiй сайт

Важливо: При використаннi елемента Embed вам потрiбно додати його на кожну сторiнку, де ви хочете мати чат-бот. Для встановлення на весь сайт використовуйте метод через налаштування сайту, описаний вище.

Крок 3: Перевiрте встановлення

Пiсля публiкацiї сайту вiдкрийте його в новiй вкладцi браузера або у режимi iнкогнiто. Ви повиннi побачити кнопку вiджета чату в правому нижньому кутi. Натиснiть на неї, щоб переконатися, що вона вiдкривається та працює правильно.