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: Koristenje modula za prilagodeni kod (Preporuceno)

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 slican
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 mozete dodati izravno u predlozak podnozja 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: Koristenje prilagodene JavaScript datoteke teme

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

1. Navigirajte do: themes/vasa_tema/assets/js/
2. Potrazite datoteku nazvanu custom.js (izradite je ako ne postoji)
3. Dodajte sljedeci kod za dinamicko ucitavanje 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. Ocistite 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.