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

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

Платформа:

Корак 1: Набавите свој код за уграђивање

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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: Коришћење додатка (препоручено)

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

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

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

Коришћење Insert Headers and Footers

Идите на Plugins → Add New у вашој WordPress администрацији
Претражите "Insert Headers and Footers" од WPBeginner
Инсталирајте и активирајте додатак
Идите на Settings → Insert Headers and Footers
Налепите ваш Asyntai код за уградњу у поље "Scripts in Footer"
Кликните „Сачувај"

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

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

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

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

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

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

Ако користите тему засновану на блоковима (попут Twenty Twenty-Four или других тема за потпуно уређивање сајта), уређивач фајлова теме је премештен:

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

Напомена: Неке блок теме немају footer.php фајл. У том случају, користите методу додатка (WPCode) која ради са свим типовима тема.

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

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

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

Elementor Pro

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

Elementor Free

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

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

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

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

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

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

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

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

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

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