Kako dodati klepetalnik Asyntai AI v 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

Korak 1: Pridobite svojo vdelovalno kodo

Najprej pojdite na svojo Nadzorno ploščo Asyntai in se pomaknite navzdol do razdelka "Vdelovalna koda". Kopirajte svojo edinstveno vdelovalno kodo, ki bo videti takole:

Korak 2: Uporaba modula za kodo po meri (priporočeno)

Najlažji način za dodajanje klepetalnika je uporaba brezplacnega modula "Koda po meri" s tržnice PrestaShop Addons:

1. Prijavite se v svojo pisarno PrestaShop
2. Pojdite na Moduli → Upravitelj modulov
3. Kliknite "Upload a module" ali poiščite na tržnici "Custom Code" ali "Header Footer Scripts
4. Namestite modul, kot je "Custom JS and CSS" ali podoben
5. Ko je namešcen, pojdite na konfiguracijo modula
6. Poišcite razdelek "Skripte noge" ali "Pred </body>"
7. Prilepite svojo vdelovalno kodo Asyntai
8. Kliknite "Shrani"

Alternativa: Uredite predlogo teme (PrestaShop 1.7+/8)

Kodo lahko dodate neposredno v predlogo noge svoje teme:

1. Dostopite do datotek PrestaShop prek FTP ali upravitelja datotek
2. Pojdite v mapo svoje teme: themes/your_theme/templates/_partials/
3. Odprite datoteko footer.tpl (ali v nekaterih temah preverite templates/layouts/layout-both-columns.tpl)
4. Poišcite zaključno oznako </body> ali razdelek {block name='javascript_bottom'}
5. Prilepite svojo vdelano kodo Asyntai tik pred zaključno oznako </body>
6. Shranite datoteko
7. Počistite predpomnilnik PrestaShop: Napredni parametri → Zmogljivost → Počisti predpomnilnik

Alternativa: Uporaba datoteke JavaScript po meri v temi

Many PrestaShop themes include a custom.js file for your own scripts:

1. Pojdite do: themes/your_theme/assets/js/
2. Poišcite datoteko z imenom custom.js (ustvarite jo, če ne obstaja)
3. Dodajte naslednjo kodo za dinamično nalaganje klepetalnika:
   (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. Počistite predpomnilnik PrestaShop

Alternativa: Ustvarite preprost modul (za razvijalce)

Razvijalci lahko ustvarite preprost modul z uporabo kavlja displayFooter:

1. Ustvarite mapo: modules/asyntaichatbot/
2. Ustvarite asyntaichatbot.php s to kodo:
   <?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. Namestite modul prek Moduli → Upravitelj modulov

Korak 3: Preverite namestitev

Po shranjevanju sprememb in cišcenju predpomnilnika obiščite svojo trgovino v novem zavihku brskalnika ali oknu brez beleženja. V spodnjem desnem kotu bi morali videti gumb pripomocka za klepet. Kliknite nanj, da se prepričajte, da se odpre in pravilno deluje.