Как да добавите Asyntai AI чатбот към 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. Влезте в своя PrestaShop Back Office
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. Access your PrestaShop files via FTP or file manager
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 файл на темата

Many PrestaShop themes include a custom.js file for your own scripts:

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: Проверка на инсталацията

След като запазите промените си и изчистите кеша, посетете магазина си в нов раздел на браузъра или в режим инкогнито. Трябва да видите бутона на чат уиджета в долния десен ъгъл. Щракнете върху него, за да се уверите, че се отваря и работи правилно.