Cara Menambah Chatbot AI Asyntai ke 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

Langkah 1: Dapatkan Kod Benam Anda

Pertama, pergi ke Papan Pemuka Asyntai anda dan tatal ke bawah ke bahagian "Kod Benam". Salin kod benam unik anda yang akan kelihatan seperti ini:

Langkah 2: Menggunakan Modul Kod Tersuai (Disyorkan)

Cara paling mudah untuk menambah chatbot adalah menggunakan modul "Custom Code" percuma dari marketplace PrestaShop Addons:

1. Log masuk ke Back Office PrestaShop anda
2. Pergi ke Modules → Module Manager
3. Klik "Upload a module" atau cari di marketplace untuk "Custom Code" atau "Header Footer Scripts\
4. Install a module like "Custom JS and CSS" or similar
5. Setelah dipasang, pergi ke konfigurasi modul
6. Cari bahagian "Footer Scripts" atau "Before </body>"
7. Tampal kod benam Asyntai anda
8. Klik "Save"

Alternatif: Edit Templat Tema (PrestaShop 1.7+/8)

Anda boleh menambah kod terus ke templat footer tema anda:

1. Akses fail PrestaShop anda melalui FTP atau pengurus fail
2. Navigasi ke folder tema anda: themes/your_theme/templates/_partials/
3. Buka fail footer.tpl (atau dalam sesetengah tema, semak templates/layouts/layout-both-columns.tpl)
4. Cari tag penutup </body> atau bahagian {block name='javascript_bottom'}
5. Tampal kod benam Asyntai anda sejurus sebelum tag penutup </body>
6. Simpan fail
7. Kosongkan cache PrestaShop: Advanced Parameters → Performance → Clear cache

Alternatif: Menggunakan Fail JavaScript Tersuai Tema

Banyak tema PrestaShop menyertakan fail custom.js untuk skrip anda sendiri:

1. Navigasi ke: themes/your_theme/assets/js/
2. Cari fail bernama custom.js (cipta jika ia tidak wujud)
3. Tambah kod berikut untuk memuatkan chatbot secara dinamik:
   (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. Gantikan YOUR_WIDGET_ID dengan ID widget sebenar anda
5. Kosongkan cache PrestaShop

Alternatif: Cipta Modul Mudah (Untuk Pembangun)

Untuk pembangun, anda boleh mencipta modul mudah menggunakan hook displayFooter:

1. Cipta folder: modules/asyntaichatbot/
2. Cipta asyntaichatbot.php dengan kod ini:
   <?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. Gantikan YOUR_WIDGET_ID dengan ID widget sebenar anda
4. Pasang modul melalui Modules → Module Manager

Langkah 3: Sahkan Pemasangan

Selepas menyimpan perubahan anda dan mengosongkan cache, lawati kedai anda dalam tab pelayar baharu atau tetingkap inkognito. Anda sepatutnya melihat butang widget sembang di sudut kanan bawah. Klik padanya untuk memastikan ia dibuka dan berfungsi dengan betul.