Ako pridať Asyntai AI Chatbot do PrestaShop

Platforma:

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

Krok 1: Ziskajte svoj vkladací kod

Najprv prejdite na svoj Asyntai Dashboard a prejdite nadol k sekcii "Vkladaci kod". Skopirujte svoj jedinečný vkladací kod, ktory bude vyzerat takto:

Krok 2: Pomocou modulu vlastného kódu (Odporúčané)

Najjednoduchší spôsob pridania chatbota je pomocou bezplatného modulu "Custom Code" z trhoviska PrestaShop Addons:

1. Prihláste sa do svojho back office PrestaShop
2. Prejdite na Modules → Module Manager
3. Kliknite na "Upload a module" alebo vyhľadajte na trhovisku "Custom Code" alebo "Header Footer Scripts"
4. Nainštalujte modul ako "Custom JS and CSS" alebo podobný
5. Po inštalácii prejdite do konfigurácie modulu
6. Nájdite sekciu "Footer Scripts" alebo "Before </body>"
7. Vložíte svoj vkladací kod Asyntai
8. Kliknite na "Ulozit"

Alternatíva: Úprava šablóny témy (PrestaShop 1.7+/8)

Kód môžete pridať priamo do šablóny pätičky vašej témy:

1. Pristúpte k súborom PrestaShop cez FTP alebo správcu súborov
2. Prejdite do priečinka vašej témy: themes/your_theme/templates/_partials/
3. Otvorte súbor footer.tpl (alebo v niektorých témach skontrolujte templates/layouts/layout-both-columns.tpl)
4. Nájdite uzatváraciu značku </body> alebo sekciu {block name='javascript_bottom'}
5. Vložte svoj vkladací kód Asyntai tesne pred uzatváraciu značku </body>
6. Uložte súbor
7. Vymažte vyrovnávaciu pamäť PrestaShop: Advanced Parameters → Performance → Clear cache

Alternatíva: Pomocou vlastného JavaScript súboru témy

Mnohé témy PrestaShop obsahujú súbor custom.js pre vaše vlastné skripty:

1. Prejdite na: themes/your_theme/assets/js/
2. Hľadajte súbor s názvom custom.js (vytvorte ho, ak neexistuje)
3. Pridajte nasledujúci kód na dynamické načítanie chatbota:
   (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. Nahradte YOUR_WIDGET_ID vasim skutocnym ID widgetu
5. Vymažte vyrovnávaciu pamäť PrestaShop

Alternatíva: Vytvorenie jednoduchého modulu (Pre vývojárov)

Pre vývojárov môžete vytvoriť jednoduchý modul pomocou hooku displayFooter:

1. Vytvorte priečinok: modules/asyntaichatbot/
2. Vytvorte asyntaichatbot.php s týmto kódom:
   <?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. Nahradte YOUR_WIDGET_ID vasim skutocnym ID widgetu
4. Nainštalujte modul cez Modules → Module Manager

Krok 3: Overenie inštalácie

Po uložení zmien a vymazaní vyrovnávacej pamäte navštívte svoj obchod v novej záložke prehliadača alebo v okne inkognito. V pravom dolnom rohu by ste mali vidieť tlačidlo chatového widgetu. Kliknite naň, aby ste sa uistili, že sa otvára a funguje správne.