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

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

Платформа:

Корак 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: Изаберите метод инсталације

Постоји неколико начина за додавање виџета за ћаскање на WordPress. Изаберите методу која вам најбоље одговара:

Метода 1: Коришћење додатка (препоручено)

Најлакши начин да додате чет виџет је помоћу бесплатног додатка "WPCode" (раније под називом "Insert Headers and Footers").

Коришћење WPCode (Free)

Идите на Plugins → Add Plugin у WordPress администрацији
Претражите "WPCode" и инсталирајте га
Активирајте додатак
Идите на Code Snippets → Header & Footer
Налепите ваш Asyntai код за уградњу у секцију "Footer"
Кликните на "Save Changes"

Зашто користити додатак? Коришћење додатка обезбеђује да ваш код остане на месту чак и када ажурирате или промените вашу WordPress тему.

Метода 2: Уредите фајлове теме

Можете додати код директно у фајлове теме. Локација уређивача фајлова теме зависи од ваше верзије WordPress-а и типа теме.

За класичне теме

Идите на Appearance → Theme File Editor у вашој WordPress администрацији
Изаберите вашу активну тему из падајућег менија (ако већ није изабрана)
Пронађите и кликните на footer.php у листи фајлова на десној страни
Скролујте до дна и пронађите затварајућу ознаку </body>
Налепите свој Asyntai код за уграђивање непосредно пре </body> ознаке
Кликните на "Update File"

За блок теме (FSE теме)

Блок теме (као што су Twenty Twenty-Four и друге Full Site Editing теме) немају датотеку footer.php ни ознаку </body> у својим датотекама теме. За блок тему користите метод са додатком (WPCode), који ради са свим врстама тема.

Важно: Ажурирања теме ће преписати ваше измене. За трајно решење, користите подтему или методу додатка уместо тога.

Метода 3: Коришћење Elementor-а

Ако користите Elementor, можете додати код кроз Elementor функцију за прилагођени код.

Elementor Pro

Идите на Elementor → Custom Code
Кликните на "Add New"
Дајте му име попут "Asyntai Chatbot"
Подесите Location на "<body> – End"
Налепите свој Asyntai код за уграђивање
Поставите услове приказа на "Entire Site"
Кликните на "Publish"

Elementor Free

Ако користите бесплатну верзију Elementor-а, користите горе описану методу додатка, јер убацивање прилагођеног кода захтева Elementor Pro.

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

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

Не видите виџет? Обришите кеш прегледача и све WordPress додатке за кеширање. Ако користите додатак за кеширање попут WP Rocket или W3 Total Cache, очистите кеш након додавања кода.

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

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

Додајте атрибут data-replace у script ознаку и трака ће заузети место оне коју ваша тема већ има. Додајте га помоћу истог додатка за заглавље и подножје који сте користили за код чета, на пример WPCode. Скрипта не мора да стоји близу вашег поља за претрагу, тако да не морате да мењате ниједну датотеку теме.

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

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

Документација