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

Покрокова інструкція для вебсайтів Tilda

Платформа:

Крок 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: Додати код на весь сайт (Рекомендовано)

Щоб додати чат-бот на всі сторінки вашого вебсайту Tilda одразу, використовуйте метод налаштувань сайту:

Log in to your Tilda account and open your site editor
Натисніть Site Settings (значок шестерні) у верхньому меню
Прокрутіть вниз до розділу "More"
Знайдіть "HTML code for the HEAD section for all pages"
Натисніть "Edit code"
Вставте ваш код вбудовування Asyntai у текстове поле
Натиснiть "Save"
Click "Publish" to apply changes to your live site

Порада: Цей метод автоматично додає чат-бот на кожну сторінку вашого сайту. Це найпростіший спосіб забезпечити доступність чат-бота на всьому сайті для ваших відвідувачів.

Альтернатива: Використання блоку T123 (певні сторінки)

Якщо ви хочете додати чат-бот лише на певні сторінки, ви можете використовувати HTML-блок T123 Tilda:

Open the page you want to edit in the Tilda editor
Click "+ Add Block" or press "T"
У бібліотеці блоків перейдіть до Other → T123 (Embed HTML Code)
Або знайдіть "T123" у рядку пошуку
Натисніть на блок T123, щоб додати його на вашу сторінку
У налаштуваннях блоку вставте ваш код вбудовування Asyntai
Розмістіть блок будь-де на вашій сторінці (це не впливає на розташування віджета)
Натиснiть "Publish", щоб змiни стали активними

Примiтка: Блок T123 підтримує HTML, JavaScript (всередині тегів <script>) та CSS (всередині тегів <style>). Візуальне розташування блоку не має значення - чат-бот з'явиться у нижньому правому куті, як налаштовано.

Розділ Head для окремої сторінки (Розширене)

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

Відкрийте сторінку в редакторі Tilda
Натисніть Page Settings (значок шестерні) у верхньому меню
Перейдіть на вкладку "Additional"
Знайдіть "HTML code for the HEAD section"
Вставте ваш код для вставки Asyntai
Натиснiть "Save", потiм "Publish"

Важливо: При використанні блоку T123 або методу для окремих сторінок вам потрібно додати код на кожну сторінку, де ви хочете, щоб чат-бот з'являвся. Для встановлення на весь сайт використовуйте метод Site Settings, описаний у Кроці 2.

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

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