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

Платформа:

WooCommerce

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Craft CMS Contentful Docusaurus Strapi Joomla Kentico Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Hugo Statamic Umbraco Volusion Moodle SilverStripe Grav October CMS ProcessWire Sanity ExpressionEngine Sylius Backdrop CMS MODX Bagisto PayloadCMS e107 CrafterCMS Kirby MedusaCMS DatoCMS GoDaddy Framer Bubble Carrd Jimdo Strikingly Kajabi Teachable Thinkific ClickFunnels Hostinger Unbounce Leadpages Systeme.io Instapage

Шаг 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:

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

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

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

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

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

1. Перейдите в Appearance → Customize
2. Найдите раздел под названием «Additional CSS/JS», «Custom Code» или «Footer Scripts»
3. Вставьте код встраивания Asyntai в соответствующее поле
4. Нажмите «Publish», чтобы сохранить изменения

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

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

1. Перейдите в Appearance → Theme File Editor
2. Выберите вашу активную тему (желательно дочернюю тему)
3. Откройте файл functions.php
4. Добавьте следующий код в конец файла:
   function add_asyntai_chatbot() {
  echo '<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>';
}
add_action('wp_footer', 'add_asyntai_chatbot');
5. Замените YOUR_WIDGET_ID на ваш реальный ID виджета
6. Нажмите «Update File»

Alternative: WooCommerce-Specific Hook

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

1. Добавьте этот код в файл functions.php вашей темы:
   function add_asyntai_chatbot_woocommerce() {
  if (is_woocommerce() || is_cart() || is_checkout() || is_account_page()) {
    echo '<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>';
  }
}
add_action('wp_footer', 'add_asyntai_chatbot_woocommerce');
2. Замените YOUR_WIDGET_ID на ваш реальный ID виджета
3. Сохраните файл

Шаг 3: Проверка установки

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