Cum să adăugați Chatbot-ul AI Asyntai în 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

Pasul 1: Obțineți codul de încorporare

Mai întâi, accesați Tabloul de bord Asyntai și derulați în jos până la secțiunea "Cod de încorporare". Copiați codul unic de încorporare care va arăta astfel:

Pasul 2: Utilizarea modulului de cod personalizat (Recomandat)

Cel mai simplu mod de a adăuga chatbot-ul este folosind un modul gratuit "Custom Code" de pe marketplace-ul PrestaShop Addons:

1. Conectați-vă la Back Office-ul PrestaShop
2. Mergeți la Modules → Module Manager
3. Faceți clic pe "Upload a module" sau căutați pe marketplace "Custom Code" sau "Header Footer Scripts"
4. Instalați un modul precum \"Custom JS and CSS\" sau similar
5. Odată instalat, mergeți la configurația modulului
6. Găsiți secțiunea "Footer Scripts" sau "Before </body>"
7. Inserați codul de încorporare Asyntai
8. Faceți clic pe "Salvare"

Alternativă: Editați șablonul temei (PrestaShop 1.7+/8)

Puteți adăuga codul direct în șablonul de subsol al temei:

1. Accesați fișierele PrestaShop prin FTP sau managerul de fișiere
2. Navigați la folderul temei: themes/your_theme/templates/_partials/
3. Deschideți fișierul footer.tpl (sau în unele teme, verificați templates/layouts/layout-both-columns.tpl)
4. Găsiți eticheta de închidere </body> sau secțiunea {block name='javascript_bottom'}
5. Lipiți codul de integrare Asyntai chiar înainte de eticheta de închidere </body>
6. Salvați fișierul
7. Goliți cache-ul PrestaShop: Advanced Parameters → Performance → Clear cache

Alternativă: Utilizarea fișierului JavaScript personalizat al temei

Multe teme PrestaShop includ un fișier custom.js pentru propriile dvs. scripturi:

1. Navigați la: themes/your_theme/assets/js/
2. Căutați un fișier numit custom.js (creați-l dacă nu există)
3. Adăugați următorul cod pentru a încărca dinamic chatbot-ul:
   (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. Înlocuiți YOUR_WIDGET_ID cu ID-ul real al widget-ului dvs.
5. Goliți cache-ul PrestaShop

Alternativă: Creați un modul simplu (Pentru dezvoltatori)

Pentru dezvoltatori, puteți crea un modul simplu folosind hook-ul displayFooter:

1. Creați un folder: modules/asyntaichatbot/
2. Creați asyntaichatbot.php cu acest cod:
   <?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. Înlocuiți YOUR_WIDGET_ID cu ID-ul real al widget-ului dvs.
4. Instalați modulul prin Modules → Module Manager

Pasul 3: Verificați instalarea

După ce ați salvat modificările și ați golit cache-ul, vizitați magazinul într-o filă nouă de browser sau într-o fereastră incognito. Ar trebui să vedeți butonul widget-ului de chat în colțul din dreapta jos. Faceți clic pe el pentru a vă asigura că se deschide și funcționează corect.