Hur du lägger till Asyntai AI-chattbot i PrestaShop

Plattform:

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

Steg 1: Hämta din inbäddningskod

Gå först till din Asyntai-instrumentpanel och scrolla ner till avsnittet "Inbäddningskod". Kopiera din unika inbäddningskod som ser ut så här:

Steg 2: Använda anpassad kodmodul (rekommenderas)

Det enklaste sättet att lägga till chattboten är att använda en gratis "Custom Code"-modul från PrestaShop Addons marknadsplats:

1. Logga in på din PrestaShop Back Office
2. Gå till Moduler → Modulhanterare
3. Klicka på "Ladda upp en modul" eller sök på marknadsplatsen efter "Custom Code" eller "Header Footer Scripts
4. Installera en modul som "Custom JS and CSS" eller liknande
5. När det är installerat, gå till modulens konfiguration
6. Hitta avsnittet "Footer Scripts" eller "Before </body>"
7. Klistra in din Asyntai-inbäddningskod
8. Klicka på "Spara"

Alternativ: Redigera temamallar (PrestaShop 1.7+/8)

Du kan lägga till koden direkt i ditt temas sidfotsmall:

1. Åtkomst till dina PrestaShop-filer via FTP eller filhanteraren
2. Navigera till din temamapp: themes/your_theme/templates/_partials/
3. Öppna filen footer.tpl (eller kontrollera templates/layouts/layout-both-columns.tpl i vissa teman)
4. Hitta den avslutande taggen </body> eller avsnittet {block name='javascript_bottom'}
5. Klistra in din Asyntai-inbäddningskod precis före den avslutande taggen </body>
6. Spara filen
7. Rensa PrestaShops cache: Avancerade parametrar → Prestanda → Rensa cache

Alternativ: Använda temats anpassade JavaScript-fil

Många PrestaShop-teman inkluderar en custom.js-fil för dina egna skript:

1. Navigera till: themes/your_theme/assets/js/
2. Leta efter en fil som heter custom.js (skapa den om den inte finns)
3. Lägg till följande kod för att dynamiskt ladda chattboten:
   (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. Ersätt YOUR_WIDGET_ID med ditt faktiska widget-ID
5. Rensa PrestaShops cache

Alternativ: Skapa en enkel modul (för utvecklare)

För utvecklare kan du skapa en enkel modul med hjälp av hooken displayFooter:

1. Skapa en mapp: modules/asyntaichatbot/
2. Skapa asyntaichatbot.php med den här koden:
   <?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. Ersätt YOUR_WIDGET_ID med ditt faktiska widget-ID
4. Installera modulen via Moduler → Modulhanterare

Steg 3: Verifiera installationen

Efter att du har sparat dina ändringar och rensat cachen, besök din butik i en ny webbläsarflik eller ett inkognitofönster. Du bör se widgetknappen för chatten i det nedre högra hörnet. Klicka på den för att kontrollera att den öppnas och fungerar korrekt.