Slik legger du til Asyntai AI-chatbot 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

Trinn 1: Hent innbyggingskoden din

Gå først til Asyntai-dashbordet ditt og bla ned til «Innbyggingskode»-seksjonen. Kopier din unike innbyggingskode som vil se slik ut:

Trinn 2: Bruk egendefinert kodemodul (anbefalt)

Den enkleste måten å legge til chatboten på er å bruke en gratis «Custom Code»-modul fra PrestaShop Addons-markedsplassen:

1. Logg inn på PrestaShop Back Office
2. Gå til Modules → Module Manager
3. Klikk «Last opp en modul» eller søk i markedsplassen etter «Custom Code» eller «Header Footer Scripts\
4. Installer en modul som «Custom JS and CSS» eller lignende
5. Når den er installert, gå til modulens konfigurasjon
6. Finn seksjonen «Footer Scripts» eller «Before </body>»
7. Lim inn Asyntai-innbyggingskoden din
8. Klikk på «Lagre»

Alternativ: Rediger temamal (PrestaShop 1.7+/8)

Du kan legge til koden direkte i temaets bunntekstmal:

1. Få tilgang til PrestaShop-filene dine via FTP eller filbehandler
2. Naviger til temamappen din: themes/your_theme/templates/_partials/
3. Åpne filen footer.tpl (eller i noen temaer, sjekk templates/layouts/layout-both-columns.tpl)
4. Finn den avsluttende </body>-taggen eller {block name='javascript_bottom'}-seksjonen
5. Lim inn Asyntai-innbyggingskoden din rett før den avsluttende </body>-taggen
6. Lagre filen
7. Tøm PrestaShop-hurtigbufferen: Advanced Parameters → Performance → Clear cache

Alternativ: Bruk av temaets egendefinerte JavaScript-fil

Mange PrestaShop-temaer inkluderer en custom.js-fil for dine egne skript:

1. Naviger til: themes/your_theme/assets/js/
2. Se etter en fil med navnet custom.js (opprett den hvis den ikke finnes)
3. Legg til følgende kode for å laste inn chatboten dynamisk:
   (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. Erstatt YOUR_WIDGET_ID med din faktiske widget-ID
5. Tøm PrestaShop-hurtigbufferen

Alternativ: Opprett en enkel modul (for utviklere)

For utviklere kan du opprette en enkel modul ved hjelp av displayFooter-hooken:

1. Opprett en mappe: modules/asyntaichatbot/
2. Opprett asyntaichatbot.php med denne 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. Erstatt YOUR_WIDGET_ID med din faktiske widget-ID
4. Installer modulen via Modules → Module Manager

Trinn 3: Bekreft installasjonen

Etter at du har lagret endringene og tømt hurtigbufferen, besøk nettbutikken din i en ny nettleserfane eller et inkognitovindu. Du bør se chat-widget-knappen i nedre høyre hjørne. Klikk på den for å forsikre deg om at den åpnes og fungerer riktig.