PrestaShop'e Asyntai AI Chatbot Nasıl Eklenir

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

Adım 1: Yerleştirme Kodunuzu Alın

Önce Asyntai Dashboard'unuza gidin ve "Yerleştirme Kodu" bölümüne inin. Şuna benzeyen benzersiz yerleştirme kodunuzu kopyalayın:

Adım 2: Özel Kod Modülü Kullanma (Önerilen)

Chatbot'u eklemenin en kolay yolu, PrestaShop Addons pazaryerinden ücretsiz bir "Custom Code" modülü kullanmaktır:

1. PrestaShop Back Office'e giriş yapın
2. Modules → Module Manager bölümüne gidin
3. "Upload a module" düğmesine tıklayın veya pazaryerinde "Custom Code" veya "Header Footer Scripts" araması yapın
4. "Custom JS and CSS" veya benzeri bir modül kurun
5. Kurulduktan sonra modülün yapılandırmasına gidin
6. "Footer Scripts" veya "Before </body>" bölümünü bulun
7. Asyntai yerleştirme kodunuzu yapıştırın
8. "Kaydet"'e tıklayın

Alternatif: Tema Şablonunu Düzenleme (PrestaShop 1.7+/8)

Kodu doğrudan temanızın footer şablonuna ekleyebilirsiniz:

1. PrestaShop dosyalarınıza FTP veya dosya yöneticisi üzerinden erişin
2. Tema klasörünüze gidin: themes/your_theme/templates/_partials/
3. footer.tpl dosyasını açın (veya bazı temalarda templates/layouts/layout-both-columns.tpl dosyasını kontrol edin)
4. Kapanış </body> etiketini veya {block name='javascript_bottom'} bölümünü bulun
5. Asyntai gömme kodunuzu kapanış </body> etiketinden hemen önce yapıştırın
6. Dosyayı kaydedin
7. PrestaShop önbelleğini temizleyin: Advanced Parameters → Performance → Clear cache

Alternatif: Temanın Özel JavaScript Dosyasını Kullanma

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

1. themes/your_theme/assets/js/ dizinine gidin
2. custom.js adlı bir dosya arayın (yoksa oluşturun)
3. Chatbot'u dinamik olarak yüklemek için aşağıdaki kodu ekleyin:
   (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. PrestaShop önbelleğini temizleyin

Alternatif: Basit Bir Modül Oluşturma (Geliştiriciler İçin)

Geliştiriciler için, displayFooter hook'unu kullanarak basit bir modül oluşturabilirsiniz:

1. Bir klasör oluşturun: modules/asyntaichatbot/
2. asyntaichatbot.php dosyasını şu kodla oluşturun:
   <?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. Modülü Modules → Module Manager aracılığıyla kurun

Adım 3: Kurulumu Doğrulayın

Değişikliklerinizi kaydedip önbelleği temizledikten sonra, mağazanızı yeni bir tarayıcı sekmesinde veya gizli pencerede ziyaret edin. Sağ alt köşede sohbet widget düğmesini görmelisiniz. Doğru şekilde açıldığından ve çalıştığından emin olmak için üzerine tıklayın.