Како додати 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 marketplace-а:

1. Пријавите се на вашу PrestaShop позадинску канцеларију
2. Идите на Modules → Module Manager
3. Кликните на "Upload a module" или претражите marketplace за "Custom Code" или "Header Footer Scripts"
4. Инсталирајте модул попут "Custom JS and CSS" или сличан
5. Након инсталације, идите на конфигурацију модула
6. Пронађите секцију "Footer Scripts" или "Before </body>"
7. Налепите свој Asyntai код за уграђивање
8. Кликните „Сачувај"

Алтернатива: Уредите шаблон теме (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 стварним ИД-ом виџета
5. Очистите PrestaShop кеш

Алтернатива: Креирајте једноставан модул (за програмере)

За програмере, можете креирати једноставан модул коришћењем displayFooter hook-а:

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 стварним ИД-ом виџета
4. Инсталирајте модул путем Modules → Module Manager

Корак 3: Верификујте инсталацију

Након чувања промена и чишћења кеша, посетите вашу продавницу у новој картици прегледача или инкогнито прозору. Требало би да видите дугме виџета за ћаскање у доњем десном углу. Кликните на њега да проверите да ли се отвара и ради исправно.