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

Ръководство стъпка по стъпка за WordPress уебсайтове

Платформа:

Стъпка 1: Вземете вашия код за вграждане

Първо, отидете във вашето табло на Asyntai и превъртете надолу до секцията „Embed Code“. Копирайте вашия уникален код за вграждане, който ще изглежда така:

<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>

Забележка: Кодът по-горе е само пример. Трябва да копирате собствения си уникален код за вграждане от вашето Табло за управление, тъй като съдържа вашия личен ID на уиджета.

Стъпка 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 лентата за търсене

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