Как добавить ИИ-чат-бот 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: Получите код встраивания

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

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

Самый простой способ добавить чат-бот — использовать бесплатный модуль «Custom Code» из маркетплейса PrestaShop Addons:

1. Войдите в Back Office 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: Расширенные параметры → Производительность → Очистить кэш

Альтернатива: Через JS-файл темы

Многие темы 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>(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>';
  }
}
3. Замените YOUR_WIDGET_ID на ваш реальный ID виджета
4. Установите модуль через Modules → Module Manager

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

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