Како додати Asyntai AI чатбот на Webflow

Водич корак по корак за Webflow веб-сајтове

Платформа:

Корак 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: Додајте код путем подешавања сајта (све странице)

Да бисте додали чатбот на све странице вашег Webflow сајта одједном:

Пријавите се на ваш Webflow налог и изаберите ваш пројекат
Кликните на иконицу зупчаника (Site Settings) у левој бочној траци
Кликните на "Custom Code" у менију подешавања
Скролујте надоле до секције \"Footer Code\" (пре </body> ознаке)
Налепите свој Asyntai код за уграђивање
Кликните на "Save Changes"
Објавите ваш сајт да би измене постале активне

Савет: Додавање кода у Footer секцију га поставља непосредно испред затварајуће ознаке </body>, што се препоручује за виџете за ћаскање јер неће успорити учитавање ваше странице.

Алтернатива: Прилагођени код специфичан за страницу

Ако желите четбот само на одређеним страницама:

Отворите ваш пројекат у Webflow Designer-у
Кликните на панел Pages (икона фасцикле) у левој бочној траци
Пређите мишем преко странице коју желите да уредите и кликните на иконицу зупчаника
Скролујте надоле до "Custom Code"
Налепите ваш Asyntai код за уградњу у секцију "Before </body> tag"
Кликните „Сачувај"
Објавите ваш сајт

Алтернатива: Коришћење Embed елемента

Такође можете додати чатбот коришћењем Embed елемента било где на вашој страници:

Отворите ваш пројекат у Webflow Designer-у
Кликните на дугме "+" да отворите панел за додавање
Претражите "Embed" или га пронађите под Components
Превуците Embed елемент на вашу страницу
Налепите ваш Asyntai код за уградњу у уређивач кода
Кликните „Сачувај и затвори"
Објавите ваш сајт

Важно: Када користите Embed елемент, мораћете да га додате на сваку страницу где желите чатбот. За инсталацију на целом сајту, користите горе наведену методу подешавања сајта.

Корак 3: Верификујте инсталацију

Након објављивања вашег сајта, отворите га у новој картици прегледача или инкогнито прозору. Требало би да видите дугме виџета за ћаскање у доњем десном углу. Кликните на њега да проверите да ли се отвара и ради исправно.