Како додати Asyntai АИ четбот у Duda
Водич корак по корак за Duda веб-сајтове
Корак 1: Набавите свој код за уграђивање
Прво, идите на своју Asyntai контролну таблу и померите се до одељка „Код за уграђивање". Копирајте свој јединствени код за уграђивање који ће изгледати овако:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
Напомена: Код изнад је само пример. Морате копирати свој јединствени код за уграђивање са своје Контролне табле јер садржи ваш лични ИД виџета.
Корак 2: Додајте код у подешавања сајта (препоручено)
Најлакши начин за додавање четбота на све странице вашег Duda веб-сајта је кроз подешавања сајта:
- Пријавите се на свој Duda налог и отворите уређивач веб-сајта
- У левој бочној траци, кликните „Више" (икона три тачке)
- Кликните „Подешавања"
- Померите се и кликните „Head HTML"
- У поље „Body End HTML" налепите свој Asyntai код за уграђивање
- Кликните „Сачувај"
- Кликните „Објави" у горњем десном углу да ваше промене постану активне
Савет: Додавање кода у одељак Body End HTML осигурава да се четбот учитава након садржаја странице, што неће утицати на брзину учитавања сајта. Овај метод аутоматски додаје четбот на сваку страницу вашег сајта.
Алтернативни метод 1: HTML виџет (одређене странице)
Ако желите да додате четбот само на одређене странице, користите HTML виџет:
- Отворите страницу коју желите да уредите у Duda уређивачу
- У левој бочној траци, потражите „HTML" у панелу виџета
- Превуците и отпустите HTML виџет у колону или ред на страници
- Кликните на виџет да бисте га уредили
- Налепите свој Asyntai код за уграђивање у поље за код
- Кликните „Ажурирај"
- Кликните „Објави" да промене постану активне
Напомена: HTML виџет вам омогућава да уградите прилагођени код било где на страници. Визуелно постављање виџета не утиче на то где се четбот појављује - и даље ће се приказивати у доњем десном углу како је конфигурисано.
Алтернативни метод 2: Развојни режим (напредно)
За напредне кориснике, можете користити развојни режим да додате код директно у HTML:
- У Duda уређивачу, кликните на икону Развојни режим у горњој траци
- Кликните „HTML/CSS сајта" да проширите избор
- Кликните „body-end.html" са листе фајлова
- Померите се до последње линије фајла
- Налепите свој Asyntai код за уграђивање у нову линију
- Кликните „Сачувај"
- Кликните „Готово" да изађете из развојног режима
- Кликните „Објави" да деплојујете своје промене
Важно: Развојни режим вам даје директан приступ HTML-у и CSS-у сајта. Обавезно додајте код само на крај body-end.html фајла да бисте избегли нарушавање функционалности сајта. Увек тестирајте промене пре објављивања.
Корак 3: Верификујте инсталацију
Након објављивања промена, отворите свој веб-сајт у новој картици претраживача или инкогнито прозору. Требало би да видите дугме виџета за ћаскање у доњем десном углу. Кликните на њега да бисте се уверили да се отвара и функционише исправно.
Не видите виџет? Уверите се да сте објавили сајт (не само сачували). Обришите кеш претраживача или прегледајте у инкогнито режиму. Проверите да ваш код користи HTTPS (што подразумевано ради). Отворите конзолу претраживача (F12) да проверите да ли има JavaScript грешака.
Weebly