Kako dodati Asyntai AI chatbot na 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: Nabavite svoj kod za ugradnju

Prvo idite na svoju Asyntai nadzornu ploču i pomaknite se prema dolje do odjeljka "Kod za ugradnju". Kopirajte svoj jedinstveni kod za ugradnju koji će izgledati ovako:

Korak 2: Korištenje modula za prilagođeni kod (Preporučeno)

Najlaksi nacin za dodavanje chatbota je koristenje besplatnog modula "Custom Code" s PrestaShop Addons trznice:

1. Prijavite se u svoj PrestaShop Back Office
2. Idite na Modules → Module Manager
3. Kliknite "Upload a module" ili pretrazite trznicu za "Custom Code" ili "Header Footer Scripts"
4. Instalirajte modul poput "Custom JS and CSS" ili sličan
5. Nakon instalacije idite na konfiguraciju modula
6. Pronadite odjeljak "Footer Scripts" ili "Before </body>"
7. Zalijepite svoj Asyntai kod za ugradnju
8. Kliknite "Spremi"

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

Kod možete dodati izravno u predložak podnožja teme:

1. Pristupite datotekama PrestaShopa putem FTP-a ili upravitelja datoteka
2. Navigirajte do mape teme: themes/vasa_tema/templates/_partials/
3. Otvorite datoteku footer.tpl (ili u nekim temama provjerite templates/layouts/layout-both-columns.tpl)
4. Pronadite zavrsnu oznaku </body> ili odjeljak {block name='javascript_bottom'}
5. Zalijepite svoj Asyntai ugradni kod neposredno prije zavrsne oznake </body>
6. Spremite datoteku
7. Ocistite PrestaShop predmemoriju: Advanced Parameters → Performance → Clear cache

Alternativa: Korištenje prilagođene JavaScript datoteke teme

Mnoge PrestaShop teme uključuju custom.js datoteku za vaše vlastite skripte:

1. Navigirajte do: themes/vasa_tema/assets/js/
2. Potrazite datoteku nazvanu custom.js (izradite je ako ne postoji)
3. Dodajte sljedeći kod za dinamičko učitavanje chatbota:
   (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. Zamijenite YOUR_WIDGET_ID svojim stvarnim ID-jem widgeta
5. Očistite PrestaShop predmemoriju

Alternativa: Izradite jednostavan modul (Za programere)

Za programere mozete izraditi jednostavan modul koristeci displayFooter kukicu:

1. Izradite mapu: modules/asyntaichatbot/
2. Izradite asyntaichatbot.php s ovim kodom:
   <?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. Zamijenite YOUR_WIDGET_ID svojim stvarnim ID-jem widgeta
4. Instalirajte modul putem Modules → Module Manager

Korak 3: Provjerite instalaciju

Nakon spremanja promjena i ciscenja predmemorije, posjetite svoju trgovinu u novoj kartici preglednika ili anonimnom prozoru. Trebali biste vidjeti gumb widgeta za razgovor u donjem desnom kutu. Kliknite ga kako biste provjerili otvara li se i radi li ispravno.