Как добавить ИИ-чат-бот Asyntai в Tilda

Пошаговое руководство для сайтов на Tilda

Платформа:

Шаг 1: Get Your Embed Code

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

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

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

Шаг 2: Add Code to Your Entire Site (Recommended)

Чтобы добавить чат-бот на все страницы сайта Tilda сразу, используйте метод настроек сайта:

Войдите в ваш аккаунт Tilda и откройте редактор сайта
Нажмите Site Settings (gear icon) in the top menu
Прокрутите вниз до раздела «Ещё»
Find "HTML code for the HEAD section for all pages"
Нажмите \"Edit code\"
Вставьте код встраивания Asyntai в текстовое поле
Нажмите \"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"
В библиотеке блоков перейдите в Другое → T123 (Встроить HTML-код)
Либо найдите «T123» в строке поиска
Нажмите на the T123 block to add it to your page
В настройках блока вставьте код встраивания Asyntai
Расположите блок в любом месте страницы (это не влияет на размещение виджета)
Нажмите \"Publish\" to make the changes live

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

Раздел head для каждой страницы (расширенный)

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

Откройте страницу в редакторе Tilda
Нажмите Page Settings (gear icon) in the top menu
Перейдите в the \"Additional\" tab
Найдите «HTML code for the HEAD section»
Вставьте код встраивания Asyntai
Click "Save" and then "Publish"

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

Шаг 3: Verify Installation

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