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

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

Платформа:

Шаг 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: Добавьте код в настройки сайта (рекомендуется)

Самый простой способ добавить чат-бот на все страницы вашего сайта на Duda — через настройки сайта:

Войдите в ваш аккаунт Duda и откройте редактор сайта
На левой панели нажмите «Ещё» (значок из трёх точек)
Нажмите «Settings»
Прокрутите вниз и нажмите «Head HTML»
В поле «Body End HTML» вставьте код вставки Asyntai
Нажмите «Save»
Нажмите «Publish» в правом верхнем углу, чтобы изменения вступили в силу

Совет: Добавление кода в раздел Body End HTML гарантирует, что чат-бот загружается после контента страницы и не влияет на скорость загрузки сайта. Этот метод автоматически добавляет чат-бот на каждую страницу сайта.

Альтернативный метод 1: HTML-виджет (для конкретных страниц)

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

Откройте страницу для редактирования в редакторе Duda
На левой панели найдите «HTML» в панели виджетов
Перетащите HTML-виджет в колонку или строку на вашей странице
Нажмите на виджет, чтобы отредактировать его
Вставьте код встраивания Asyntai в поле кода
Нажмите «Update»
Нажмите «Publish», чтобы изменения вступили в силу

Примечание: HTML-виджет позволяет встраивать пользовательский код в любое место на странице. Визуальное расположение виджета не влияет на место отображения чат-бота — он по-прежнему будет отображаться в правом нижнем углу, как настроено.

Альтернативный способ 2: Режим разработчика

Для продвинутых пользователей доступен режим разработчика для прямого добавления кода в HTML:

В редакторе Duda нажмите на значок Режим разработчика в верхней панели
Нажмите «Site HTML/CSS», чтобы развернуть выбор
Нажмите «body-end.html» в списке файлов
Прокрутите до последней строки файла
Вставьте код встраивания Asyntai на новой строке
Нажмите «Save»
Нажмите «Done», чтобы выйти из режима разработчика
Нажмите «Publish», чтобы развернуть изменения

Важно: Режим разработчика даёт прямой доступ к HTML и CSS вашего сайта. Добавляйте код только в конец файла body-end.html, чтобы не нарушить работу сайта. Всегда проверяйте изменения перед публикацией.

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

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