Як додати AI чат-бот Asyntai до WordPress

Покрокова iнструкцiя для сайтiв WordPress

Платформа:

Крок 1: Отримайте код для вставки

Спочатку перейдiть до вашої Панелi керування Asyntai та прокрутiть вниз до роздiлу "Код для вставки". Скопiюйте унiкальний код для вставки, який виглядатиме так:

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

Примiтка: Код вище є лише прикладом. Ви повиннi скопiювати власний унiкальний код для вставки з вашої Панелi керування, оскiльки вiн мiстить ваш особистий ID вiджета.

Крок 2: Оберiть метод встановлення

Є кiлька способiв додати вiджет чату до WordPress. Оберiть метод, який найкраще вам пiдходить:

Метод 1: Використання плагiна (Рекомендовано)

Найпростiший спосiб додати вiджет чату - використання плагiна, наприклад "Insert Headers and Footers" або "WPCode".

Використання WPCode (Безкоштовно)

Перейдiть до Plugins → Add New в адмiнпанелi WordPress
Знайдiть "WPCode" та встановiть його
Активуйте плагiн
Перейдiть до Code Snippets → Header & Footer
Вставте код вбудовування Asyntai в роздiл "Footer"
Натиснiть "Save Changes"

Використання Insert Headers and Footers

Перейдiть до Plugins → Add New в адмiнпанелi WordPress
Знайдiть "Insert Headers and Footers" вiд WPBeginner
Встановiть та активуйте плагiн
Перейдiть до Settings → Insert Headers and Footers
Вставте код вбудовування Asyntai в поле "Scripts in Footer"
Натиснiть "Save"

Чому варто використовувати плагiн? Використання плагiна гарантує, що ваш код залишиться на мiсцi навiть при оновленнi або замiнi теми WordPress.

Метод 2: Редагування файлiв теми

Ви можете додати код безпосередньо до файлiв теми. Розташування редактора файлiв теми залежить вiд версiї WordPress та типу теми.

Для класичних тем

Перейдiть до Appearance → Theme File Editor в адмiнпанелi WordPress
Оберiть активну тему зi списку (якщо ще не обрано)
Знайдiть та натиснiть на footer.php у списку файлiв праворуч
Прокрутiть вниз та знайдiть закриваючий тег </body>
Вставте ваш код для вставки Asyntai безпосередньо перед тегом </body>
Натиснiть "Update File"

Для блокових тем (FSE-теми)

Якщо ви використовуєте блокову тему (наприклад, Twenty Twenty-Four або iншi теми Full Site Editing), редактор файлiв теми перемiстився:

Перейдiть до Tools → Theme File Editor в адмiнпанелi WordPress
Оберiть активну тему зi списку
Знайдiть footer.php або footer.html у списку файлiв
Додайте код вбудовування Asyntai перед закриваючим тегом </body>
Натиснiть "Update File"

Примiтка: Деякi блоковi теми не мають файлу footer.php. У такому випадку використовуйте метод плагiна (WPCode), який працює з усiма типами тем.

Важливо: Оновлення теми перезапишуть вашi змiни. Для постiйного рiшення використовуйте дочiрню тему або метод плагiна.

Метод 3: Використання Elementor

Якщо ви використовуєте Elementor, ви можете додати код через функцiю користувацького коду Elementor.

Elementor Pro

Перейдiть до Elementor → Custom Code
Натиснiть "Add New"
Дайте йому назву, наприклад "Asyntai Chatbot"
Встановiть розташування на "Before </body> End"
Вставте ваш код для вставки Asyntai
Встановiть умови вiдображення на "Entire Site"
Натиснiть "Publish"

Elementor Free

Якщо ви використовуєте безкоштовну версiю Elementor, використовуйте метод плагiна, описаний вище, оскiльки вставка користувацького коду потребує Elementor Pro.

Крок 3: Перевiрте встановлення

Пiсля додавання коду вiдвiдайте свiй веб-сайт у новiй вкладцi браузера або у режимi iнкогнiто. Ви повиннi побачити кнопку вiджета чату в правому нижньому кутi сайту. Натиснiть на неї, щоб переконатися, що вона вiдкривається та працює правильно.

Не бачите вiджет? Очистiть кеш браузера та будь-якi плагiни кешування WordPress. Якщо ви використовуєте плагiн кешування, наприклад WP Rocket або W3 Total Cache, очистiть кеш пiсля додавання коду.

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