Як додати AI чат-бот 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>

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

Крок 2: Додавання коду до налаштувань сайту (Рекомендовано)

Найпростiший спосiб додати чат-бот на всi сторiнки вашого сайту Duda - через налаштування сайту:

Увiйдiть до свого облiкового запису Duda та вiдкрийте редактор веб-сайту
На лівій бічній панелі натисніть \"More\" (іконка з трьома крапками)
Натисніть "Settings"
Прокрутіть вниз та натисніть "Head HTML"
У полі "Body End HTML" вставте код вбудовування Asyntai
Натисніть "Save"
Натиснiть "Publish" у верхньому правому кутi, щоб змiни стали активними

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

Альтернативний метод 1: HTML-віджет (Конкретні сторінки)

Якщо ви хочете додати чат-бот лише на конкретнi сторiнки, використовуйте HTML-вiджет:

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

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

Альтернативний метод 2: Режим розробника (Розширений)

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

У редакторi Duda натиснiть iконку Developer Mode на верхнiй панелi
Натисніть "Site HTML/CSS", щоб розгорнути вибір
Натисніть "body-end.html" зі списку файлів
Прокрутіть до останнього рядка файлу
Вставте код вбудовування Asyntai на новому рядку
Натисніть "Save"
Натисніть "Done", щоб вийти з режиму розробника
Натисніть "Publish", щоб розгорнути зміни

Важливо: Режим розробника надає прямий доступ до HTML та CSS вашого сайту. Переконайтеся, що ви додаєте код лише в кiнцi файлу body-end.html, щоб не порушити функцiональнiсть сайту. Завжди тестуйте змiни перед публiкацiєю.

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

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