Sådan tilføjer du Asyntai AI-chatbot til PrestaShop

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

Trin 1: Hent din indlejringskode

Gå først til dit Asyntai Dashboard og rul ned til sektionen "Indlejringskode". Kopiér din unikke indlejringskode, der vil se sådan ud:

Trin 2: Brug af modul med brugerdefineret kode (anbefalet)

Den nemmeste måde at tilføje chatbotten på er ved at bruge et gratis "Brugerdefineret kode"-modul fra PrestaShop Addons marketplace:

1. Log ind på dit PrestaShop Back Office
2. Gå til Moduler → Modulhåndtering
3. Klik på "Upload et modul" eller søg på marketplace efter "Brugerdefineret kode" eller "Header Footer-skripter\
4. Install a module like "Custom JS and CSS" or similar
5. Når det er installeret, skal du gå til modulets konfiguration
6. Find sektionen "Sidefodsskripter" eller "Før </body>"
7. Indsæt din Asyntai indlejringskode
8. Klik på "Gem"

Alternativ: Rediger temaskabelon (PrestaShop 1.7+/8)

Du kan tilføje koden direkte til dit temas sidefodsskabelon:

1. Få adgang til dine PrestaShop-filer via FTP eller filhåndtering
2. Naviger til din temamappe: themes/your_theme/templates/_partials/
3. Åbn filen footer.tpl (eller i nogle temaer, tjek templates/layouts/layout-both-columns.tpl)
4. Find det afsluttende </body>-tag eller sektionen {block name='javascript_bottom'}
5. Indsæt din Asyntai-indlejringskode lige før det afsluttende </body>-tag
6. Gem filen
7. Ryd PrestaShop-cache: Avancerede parametre → Ydeevne → Ryd cache

Alternativ: Brug af temaets brugerdefinerede JavaScript-fil

Mange PrestaShop-temaer inkluderer en custom.js-fil til dine egne skripter:

1. Naviger til: themes/your_theme/assets/js/
2. Se efter en fil ved navn custom.js (opret den, hvis den ikke eksisterer)
3. Tilføj følgende kode for dynamisk at indlæse chatbotten:
   (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. Erstat YOUR_WIDGET_ID med dit faktiske widget-ID
5. Ryd PrestaShop-cache

Alternativ: Opret et simpelt modul (for udviklere)

For udviklere kan du oprette et simpelt modul ved hjælp af displayFooter-hook'et:

1. Opret en mappe: modules/asyntaichatbot/
2. Opret asyntaichatbot.php med denne kode:
   <?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. Erstat YOUR_WIDGET_ID med dit faktiske widget-ID
4. Installer modulet via Moduler → Modulhåndtering

Trin 3: Verificér installationen

Efter at have gemt dine ændringer og ryddet cachen skal du besøge din butik i en ny browserfane eller et inkognitovindue. Du bør se chat-widget-knappen i nederste højre hjørne. Klik på den for at sikre, at den åbner og fungerer korrekt.