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

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

Платформа:

Шаг 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>

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

Шаг 2: Добавьте код на весь сайт (рекомендуется)

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

Войдите в ваш аккаунт Tilda и откройте редактор сайта
Нажмите Site Settings (значок шестерёнки) в верхнем меню
Прокрутите вниз до раздела «Ещё»
Найдите «HTML code for the HEAD section for all pages»
Нажмите «Edit code»
Вставьте код встраивания Asyntai в текстовое поле
Нажмите «Save»
Нажмите «Publish», чтобы изменения вступили в силу

Совет: Этот метод автоматически добавляет чат-бот на каждую страницу вашего сайта. Это самый простой способ обеспечить доступность чат-бота на всём сайте для ваших посетителей.

Альтернатива: Через блок T123 (конкретные страницы)

Если вы хотите добавить чат-бот только на определённые страницы, вы можете использовать HTML-блок T123 в Tilda:

Откройте страницу для редактирования в редакторе Tilda
Нажмите «+ Add Block» или нажмите «T»
В библиотеке блоков перейдите в Другое → T123 (Встроить HTML-код)
Либо найдите «T123» в строке поиска
Нажмите на блок T123, чтобы добавить его на страницу
В настройках блока вставьте код встраивания Asyntai
Расположите блок в любом месте страницы (это не влияет на размещение виджета)
Нажмите «Publish», чтобы изменения вступили в силу

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

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

Для большего контроля вы можете добавить код в разделы head отдельных страниц:

Откройте страницу в редакторе Tilda
Нажмите Page Settings (значок шестерёнки) в верхнем меню
Перейдите на вкладку «Дополнительно»
Найдите «HTML code for the HEAD section»
Вставьте код встраивания Asyntai
Нажмите «Save», а затем «Publish»

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

Шаг 3: Проверка установки

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