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

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

Платформа:

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

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

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

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

Стъпка 2: Изберете метод за инсталация

Има няколко начина да добавите чат джаджата в WordPress. Изберете метода, който работи най-добре за вас:

Метод 1: Използване на добавка (Препоръчително)

Най-лесният начин да добавите чат джаджата е с помощта на добавка като "Insert Headers and Footers" или "WPCode".

Използване на WPCode (безплатно)

Go to Plugins → Add New in your WordPress admin
Потърсете "WPCode" и го инсталирайте
Активирайте добавката
Отидете на Code Snippets → Header & Footer
Поставете вашия Asyntai код за вграждане в секцията "Footer"
Кликнете "Save Changes"

Използване на Insert Headers and Footers

Go to Plugins → Add New in your WordPress admin
Потърсете "Insert Headers and Footers" от WPBeginner
Инсталирайте и активирайте добавката
Отидете на Settings → Insert Headers and Footers
Поставете вашия Asyntai код за вграждане в полето "Scripts in Footer"
Натиснете "Save"

Защо да използвате добавка? Използването на добавка гарантира, че кодът остава на мястото си дори когато актуализирате или сменяте темата на 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, изчистете кеша след добавяне на кода.

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