Як додати AI чат-бот Asyntai до PrestaShop

Платформа:

PrestaShop

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: Використання модуля власного коду (Рекомендовано)

Найпростіший спосіб додати чат-бот - використати безкоштовний модуль "Custom Code" з маркетплейсу PrestaShop Addons:

1. Увійдіть до вашого бек-офісу PrestaShop
2. Перейдіть до Modules → Module Manager
3. Натисніть "Upload a module" або знайдіть на маркетплейсі "Custom Code" або "Header Footer Scripts"
4. Встановіть модуль, наприклад "Custom JS and CSS" або подібний
5. Після встановлення перейдіть до налаштувань модуля
6. Знайдіть розділ "Footer Scripts" або "Before </body>"
7. Вставте ваш код для вставки Asyntai
8. Натисніть "Save"

Альтернатива: Редагування шаблону теми (PrestaShop 1.7+/8)

Ви можете додати код безпосередньо до шаблону футера вашої теми:

1. Отримайте доступ до файлів PrestaShop через FTP або файловий менеджер
2. Перейдіть до папки вашої теми: themes/your_theme/templates/_partials/
3. Відкрийте файл footer.tpl (або в деяких темах перевірте templates/layouts/layout-both-columns.tpl)
4. Знайдіть закриваючий тег </body> або розділ {block name='javascript_bottom'}
5. Вставте ваш код вбудовування Asyntai безпосередньо перед закриваючим тегом </body>
6. Збережіть файл
7. Очистіть кеш PrestaShop: Advanced Parameters → Performance → Clear cache

Альтернатива: Використання файлу власного JavaScript теми

Багато тем PrestaShop включають файл custom.js для ваших власних скриптів:

1. Перейдіть до: themes/your_theme/assets/js/
2. Знайдіть файл з назвою custom.js (створіть його, якщо він не існує)
3. Додайте наступний код для динамічного завантаження чат-бота:
   (function() {
  var script = document.createElement('script');
  script.async = true;
  script.src = 'https://asyntai.com/static/js/chat-widget.js';
  script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
  document.body.appendChild(script);
})();
4. Замініть YOUR_WIDGET_ID на ваш фактичний ID віджету
5. Очистіть кеш PrestaShop

Альтернатива: Створення простого модуля (для розробників)

Для розробників ви можете створити простий модуль, використовуючи хук displayFooter:

1. Створіть папку: modules/asyntaichatbot/
2. Створіть asyntaichatbot.php з цим кодом:
   <?php
class AsyntaiChatbot extends Module {
  public function __construct() {
    $this->name = 'asyntaichatbot';
    $this->version = '1.0.0';
    $this->author = 'Your Name';
    parent::__construct();
    $this->displayName = 'Asyntai Chatbot';
  }
  public function install() {
    return parent::install() && $this->registerHook('displayFooter');
  }
  public function hookDisplayFooter($params) {
    return '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
  }
}
3. Замініть YOUR_WIDGET_ID на ваш фактичний ID віджету
4. Встановіть модуль через Modules → Module Manager

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

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