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

Најлакши начин за додавање виџета за ћаскање је коришћење додатка попут "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, очистите кеш након додавања кода.

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