Jak přidat Asyntai AI chatbota 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: Získejte svůj vkládací kód

Nejprve přejděte na svůj Asyntai Dashboard a přejděte dolů k sekci „Embed Code". Zkopírujte svůj unikátní kód pro vložení, který bude vypadat takto:

Krok 2: Použití modulu pro vlastní kód (doporučeno)

Nejjednodušší způsob, jak přidat chatbota, je použití bezplatného modulu "Custom Code" z tržiště PrestaShop Addons:

1. Přihlaste se do svého PrestaShop Back Office
2. Přejděte na Moduly → Správce modulů
3. Klikněte na "Nahrát modul" nebo vyhledejte na tržišti "Custom Code" nebo "Header Footer Scripts"
4. Nainstalujte modul jako \"Custom JS and CSS\" nebo podobný
5. Po instalaci přejděte do konfigurace modulu
6. Najděte sekci "Footer Scripts" nebo "Before </body>"
7. Vložte svůj vkládací kód Asyntai
8. Klikněte na "Save"

Alternativa: Úprava šablony motivu (PrestaShop 1.7+/8)

Kód můžete přidat přímo do šablony zápatí svého motivu:

1. Přistupte ke svým souborům PrestaShop přes FTP nebo správce souborů
2. Přejděte do složky motivu: themes/your_theme/templates/_partials/
3. Otevřete soubor footer.tpl (nebo u některých motivů zkontrolujte templates/layouts/layout-both-columns.tpl)
4. Najděte uzavírací tag </body> nebo sekci {block name='javascript_bottom'}
5. Vložte svůj vložený kód Asyntai těsně před uzavírací tag </body>
6. Uložte soubor
7. Vymažte mezipaměť PrestaShop: Pokročilé parametry → Výkon → Vymazat mezipaměť

Alternativa: Použití vlastního souboru JavaScript motivu

Mnoho motivů PrestaShop obsahuje soubor custom.js pro vaše vlastní skripty:

1. Přejděte do: themes/your_theme/assets/js/
2. Vyhledejte soubor s názvem custom.js (vytvořte jej, pokud neexistuje)
3. Přidejte následující kód pro dynamické načtení 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. Nahraďte YOUR_WIDGET_ID svým skutečným ID widgetu
5. Vymažte mezipaměť PrestaShop

Alternativa: Vytvoření jednoduchého modulu (pro vývojáře)

Pro vývojáře je možné vytvořit jednoduchý modul pomocí hooku displayFooter:

1. Vytvořte složku: modules/asyntaichatbot/
2. Vytvořte asyntaichatbot.php s tímto kódem:
   <?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. Nahraďte YOUR_WIDGET_ID svým skutečným ID widgetu
4. Nainstalujte modul přes Moduly → Správce modulů

Krok 3: Ověřte instalaci

Po uložení změn a vymazání mezipaměti navštivte svůj obchod v nové kartě prohlížeče nebo v anonymním okně. V pravém dolním rohu byste měli vidět tlačítko chatového widgetu. Klikněte na něj a ověřte, že se správně otevírá a funguje.