Как добавить ИИ-чат-бот Asyntai в WordPress

Пошаговое руководство для сайтов на WordPress

Платформа:

Шаг 1: Get Your Embed Code

Сначала перейдите на Панель управления Asyntai и прокрутите вниз до раздела «Код для встраивания». Скопируйте уникальный код, который выглядит так:

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

Примечание: Код выше — всего лишь пример. Вы должны скопировать свой уникальный код для встраивания с вашей Панели управления, так как он содержит ваш персональный идентификатор виджета.

Шаг 2: Choose Installation Method

Существует несколько способов добавить виджет чата в WordPress. Выберите тот, который лучше всего вам подходит:

Способ 1: Через плагин (рекомендуется)

Самый простой способ добавить виджет чата — использовать плагин «Insert Headers and Footers» или «WPCode».

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

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

Использование вставки верхних и нижних колонтитулов

Перейдите в Plugins → Add New in your WordPress admin
Найдите «Insert Headers and Footers» от WPBeginner
Установите и активируйте плагин
Перейдите в Settings → Insert Headers and Footers
Вставьте код вставки Asyntai в поле «Скрипты в футере»
Нажмите \"Save\"

Зачем использовать плагин? Использование плагина гарантирует, что ваш код останется на месте даже при обновлении или смене темы WordPress.

Способ 2: Редактирование файлов темы

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

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

Перейдите в Внешний вид → Редактор файлов темы в панели администратора WordPress
Выберите your active theme from the dropdown (if not already selected)
Найдите и нажмите на footer.php в списке файлов справа
Прокрутите вниз и найдите закрывающий тег </body>
Вставьте код встраивания Asyntai непосредственно перед тегом </body>
Нажмите \"Update File\"

Для блочных тем (FSE-темы)

Если вы используете блочную тему (например, Twenty Twenty-Four или другие темы для полного редактирования сайта), Редактор файлов темы перемещён:

Перейдите в Инструменты → Редактор файлов темы в панели администратора WordPress
Выберите your active theme from the dropdown
Найдите footer.php или footer.html в списке файлов
Добавьте код вставки Asyntai перед закрывающим тегом </body>
Нажмите \"Update File\"

Примечание: Некоторые блочные темы не содержат файл footer.php. В таком случае используйте метод плагина (WPCode), который работает со всеми типами тем.

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

Способ 3: Через Elementor

Если вы используете Elementor, вы можете добавить код через функцию пользовательского кода Elementor.

Elementor Pro

Перейдите в Elementor → Custom Code
Нажмите \"Add New\"
Дайте ему имя, например «Asyntai Chatbot»
Установите расположение «Перед концом </body>»
Вставьте код встраивания Asyntai
Установите условия показа «Весь сайт»
Нажмите \"Publish\"

Elementor Free

Если вы используете бесплатную версию Elementor, используйте метод через плагин, описанный выше, так как внедрение пользовательского кода требует Elementor Pro.

Шаг 3: Verify Installation

После добавления кода откройте сайт в новой вкладке браузера или в режиме инкогнито. Вы должны увидеть кнопку виджета чата в правом нижнем углу сайта. Нажмите на неё, чтобы убедиться, что всё работает.

Виджет не отображается? Очистите кэш браузера и все плагины кэширования WordPress. Если вы используете плагин кэширования, например WP Rocket или W3 Total Cache, очистите кэш после добавления кода.

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