Як додати AI чат-бот 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: Отримайте код для вставки

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

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

Найпростiший спосiб додати чат-бот до вашого магазину WooCommerce - використання безкоштовного плагiна header/footer:

1. Увiйдiть до адмiнпанелi WordPress
2. Перейдiть до Plugins → Add New
3. Знайдiть "Insert Headers and Footers" вiд WPCode (або подiбний плагiн)
4. Натиснiть "Install Now", а потiм "Activate"
5. Перейдiть до Code Snippets → Header & Footer (або на сторiнку налаштувань плагiна)
6. Вставте код вбудовування Asyntai в роздiл "Footer"
7. Натиснiть "Save Changes"

Альтернатива: Використання налаштувача теми

Багато тем WooCommerce мають вбудованi можливостi для додавання користувацьких скриптiв:

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

Альтернатива: Редагування файлiв теми (functions.php)

Для розробникiв або тих, хто впевнено працює з файлами теми:

1. Перейдiть до Appearance → Theme File Editor
2. Оберiть вашу активну тему (або бажано дочiрню тему)
3. Вiдкрийте файл functions.php
4. Додайте наступний код в кiнець файлу:
   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');
5. Замiнiть YOUR_WIDGET_ID на ваш фактичний ID вiджету
6. Натиснiть "Update File"

Альтернатива: Специфiчний хук WooCommerce

Щоб завантажувати чат-бот лише на сторiнках WooCommerce (магазин, товар, кошик, оформлення замовлення):

1. Додайте цей код у файл 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');
2. Замiнiть YOUR_WIDGET_ID на ваш фактичний ID вiджету
3. Збережiть файл

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

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