Как добавить ИИ-чат-бот Asyntai в 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 (бесплатно)

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

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

Перейдите в Plugins → Add New на панели администратора WordPress
Найдите «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 или другие темы для полного редактирования сайта), Редактор файлов темы перемещён:

Перейдите в Инструменты → Редактор файлов темы в панели администратора 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, очистите кэш после добавления кода.

Добавление строки поиска с ИИ

Строка поиска с ИИ - отдельный виджет со своим кодом. Добавьте её вместе с чатом или отдельно. Нужен тариф 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>

Читать полное руководство по строке поиска с ИИ

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