Как да добавите Asyntai AI чатбот в 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>

Забележка: Кодът по-горе е само пример. Трябва да копирате собствения си уникален код за вграждане от вашето Табло за управление, тъй като съдържа вашия личен ID на уиджета.

Стъпка 2: Добавете код към настройките на сайта (Препоръчително)

Най-лесният начин да добавите чатбота към всички страници на вашия Duda уебсайт е чрез настройките на сайта:

Влезте в акаунта си в Duda и отворете редактора на уебсайта
В лявата странична лента кликнете върху \"More\" (иконата с три точки)
Кликнете "Settings"
Превъртете надолу и кликнете "Head HTML"
В полето "Body End HTML" поставете вашия Asyntai код за вграждане
Натиснете "Save"
Кликнете "Publish" горе вдясно, за да направите промените живи

Съвет: Добавянето на код в секцията Body End HTML гарантира, че чатботът се зарежда след съдържанието на страницата ви, което няма да повлияе на скоростта на зареждане на сайта. Този метод автоматично добавя чатбота към всяка страница на вашия сайт.

Алтернативен метод 1: HTML уиджет (Конкретни страници)

Ако искате да добавите чатбота само към конкретни страници, използвайте HTML уиджета:

Отворете страницата, която искате да редактирате, в Duda editor
В лявата странична лента потърсете "HTML" в панела с уиджети
Плъзнете и пуснете HTML уиджета в колона или ред на вашата страница
Кликнете върху уиджета, за да го редактирате
Поставете вашия Asyntai код за вграждане в полето за код
Кликнете "Update"
Кликнете "Publish", за да направите промените живи

Забележка: HTML уиджетът ви позволява да вграждате персонализиран код навсякъде на страницата си. Визуалното разположение на уиджета не влияе на това къде се появява чатботът - той все пак ще се показва в долния десен ъгъл, както е конфигуриран.

Алтернативен метод 2: Режим за разработчици (За напреднали)

За напреднали потребители можете да използвате режима за разработчици, за да добавите код директно към HTML:

В редактора на Duda кликнете върху иконата Developer Mode в горната лента
Кликнете "Site HTML/CSS", за да разширите селекцията
Кликнете "body-end.html" от списъка с файлове
Превъртете до последния ред на файла
Поставете вашия Asyntai код за вграждане на нов ред
Натиснете "Save"
Кликнете "New", за да създадете нов модул
Кликнете "Publish", за да разгърнете промените си

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

Стъпка 3: Проверка на инсталацията

След публикуване на промените отворете уебсайта си в нов раздел на браузъра или в инкогнито прозорец. Трябва да видите бутона на чат уиджета в долния десен ъгъл. Кликнете върху него, за да се уверите, че се отваря и функционира правилно.