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

Пошаговое руководство для магазинов на WooCommerce

Платформа:

Шаг 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: Using a Plugin (Recommended)

Самый простой способ добавить чат-бот в ваш магазин WooCommerce — использовать бесплатный плагин для заголовка/футера:

Войдите в панель администратора WordPress
Перейдите в Plugins → Add New
Найдите «Insert Headers and Footers» от WPCode (или аналогичный плагин)
Нажмите \"Install Now\" and then \"Activate\"
Перейдите в Code Snippets → Header & Footer (или на страницу настроек плагина)
Вставьте код вставки Asyntai в раздел «Футер»
Нажмите \"Save Changes\"

Совет: Добавление кода в футер гарантирует загрузку после контента магазина — это идеально для чат-виджетов и не замедлит загрузку страницы или работу WooCommerce.

Альтернатива: Через настройщик темы

Многие темы WooCommerce имеют встроенные параметры для добавления пользовательских скриптов:

Перейдите в Appearance → Customize
Найдите раздел под названием «Additional CSS/JS», «Custom Code» или «Footer Scripts»
Вставьте код встраивания Asyntai в соответствующее поле
Нажмите \"Publish\" to save your changes

Примечание: Не все темы поддерживают эту опцию. Если в вашей теме нет полей для пользовательских скриптов, используйте метод плагина или отредактируйте файл functions.php вашей темы.

Альтернатива: Файлы темы (functions.php)

Для разработчиков или тех, кто умеет редактировать файлы тем:

Перейдите в Appearance → Theme File Editor
Выберите your active theme (or preferably your child theme)
Откройте файл functions.php
Добавьте следующий код в конец файла:
function add_asyntai_chatbot() { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } add_action('wp_footer', 'add_asyntai_chatbot');
Замените YOUR_WIDGET_ID на ваш реальный ID виджета
Нажмите \"Update File\"

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

Альтернатива: Хук WooCommerce

Чтобы загружать чат-бот только на страницах WooCommerce (магазин, товар, корзина, оформление заказа):

Добавьте этот код в файл functions.php вашей темы:
function add_asyntai_chatbot_woocommerce() { if (is_woocommerce() || is_cart() || is_checkout() || is_account_page()) { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } } add_action('wp_footer', 'add_asyntai_chatbot_woocommerce');
Замените YOUR_WIDGET_ID на ваш реальный ID виджета
Сохранить файл

Совет: Этот метод полезен, если вы хотите, чтобы ИИ-чат-бот появлялся только на страницах вашего магазина для помощи клиентам с товарами и заказами, а не на всём сайте.

Шаг 3: Verify Installation

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

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