Az Asyntai AI Chatbot hozzáadása a PrestaShop-hoz

Platform:

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. lépés: Szerezze be a beágyazási kódját

Először lépjen az Asyntai Irányítópultra és görgessen le a „Beágyazási kód" szekcióhoz. Másolja le az egyedi beágyazási kódját, amely így fog kinézni:

2. lépés: Egyéni kód modul használata (ajánlott)

A chatbot hozzáadásának legegyszerűbb módja egy ingyenes „Egyéni kód" modul használata a PrestaShop Addons piactérről:

1. Jelentkezzen be a PrestaShop adminfelületére
2. Lépjen a Modulok → Modulkezelő menüponthoz
3. Kattintson a „Modul feltöltése" gombra, vagy keressen a piactéren „Egyéni kód" vagy „Fejléc lábléc szkriptek" kifejezésre
4. Install a module like "Custom JS and CSS" or similar
5. A telepítés után lépjen a modul konfigurációjához
6. Keresse meg a „Lábléc szkriptek" vagy „A </body> előtt" szakaszt
7. Illessze be az Asyntai beágyazási kódját
8. Kattintson a „Mentés" gombra

Alternatíva: Témасablon szerkesztése (PrestaShop 1.7+/8)

A kódot közvetlenül a téma lábléc sablonjához adhatja hozzá:

1. Nyissa meg a PrestaShop fájlokat FTP-n vagy fájlkezelőn keresztül
2. Navigáljon a témamappájához: themes/your_theme/templates/_partials/
3. Nyissa meg a footer.tpl fájlt (egyes témákban ellenőrizze a templates/layouts/layout-both-columns.tpl fájlt)
4. Keresse meg a záró </body> taget vagy a {block name='javascript_bottom'} szakaszt
5. Illessze be az Asyntai beágyazási kódot közvetlenül a záró </body> tag elé
6. Mentse el a fájlt
7. Ürítse a PrestaShop gyorsítótárát: Speciális paraméterek → Teljesítmény → Gyorsítótár ürítése

Alternatíva: A téma egyéni JavaScript fájljának használata

Sok PrestaShop téma tartalmaz egy custom.js fájlt a saját szkriptjeinek:

1. Navigáljon ide: themes/your_theme/assets/js/
2. Keressen egy custom.js nevű fájlt (ha nem létezik, hozza létre)
3. Adja hozzá a következő kódot a chatbot dinamikus betöltéséhez:
   (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. Replace YOUR_WIDGET_ID with your actual widget ID
5. Ürítse a PrestaShop gyorsítótárát

Alternatíva: Egyszerű modul létrehozása (fejlesztőknek)

Fejlesztők számára létrehozhat egy egyszerű modult a displayFooter hook használatával:

1. Hozzon létre egy mappát: modules/asyntaichatbot/
2. Hozza létre az asyntaichatbot.php fájlt ezzel a kóddal:
   <?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. Replace YOUR_WIDGET_ID with your actual widget ID
4. Install the module via Modules → Module Manager

3. lépés: Telepítés ellenőrzése

A változtatások mentése és a gyorsítótár ürítése után látogassa meg az áruházát egy új böngészőlapon vagy inkognító ablakban. A jobb alsó sarokban meg kell jelennie a chat widget gombnak. Kattintson rá, hogy megbizonyosodjon arról, hogy megnyílik és megfelelően működik.