Како додати 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: Верификујте инсталацију

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

Не видите виџет? Проверите да ли сте објавили сајт након додавања кода. Прилагођени код се појављује само на активном сајту, не у прегледу Designer-а. Покушајте да обришете кеш прегледача или да прегледате у инкогнито прозору.

Додавање AI траке за претрагу

AI трака за претрагу је засебан виџет са сопственим кодом. Додајте је уз ћаскање или самостално. Захтева план Standard или виши: на нижем трака се приказује, али не враћа резултате.

Додајте атрибут data-replace у script ознаку и трака ће заузети место оне коју ваша тема већ има. Додајте га у Site Settings, Custom Code, Footer, на исто место као и код ћаскања, чиме долази непосредно пре затварајуће body ознаке.

<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>

Прочитајте комплетан водич за AI траку за претрагу