Как да добавите 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: Вземете вашия код за вграждане

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: Използване на модул за персонализиран код (Препоръчително)

Най-лесният начин да добавите чатбота е чрез безплатен модул "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. Осъществете достъп до вашите 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>(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: Проверка на инсталацията

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