PrestaShop में Asyntai AI चैटबॉट कैसे जोड़ें

प्लेटफ़ॉर्म:

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

चरण 1: अपना एम्बेड कोड प्राप्त करें

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

चरण 2: कस्टम कोड मॉड्यूल का उपयोग (अनुशंसित)

चैटबॉट जोड़ने का सबसे आसान तरीका PrestaShop Addons marketplace से एक मुफ्त "Custom Code" मॉड्यूल का उपयोग करना है:

1. अपने PrestaShop बैक ऑफिस में लॉग इन करें
2. मॉड्यूल → मॉड्यूल मैनेजर पर जाएँ
3. \"Upload a module\" पर क्लिक करें या मार्केटप्लेस में \"Custom Code\" या \"Header Footer Scripts\" खोजें
4. \"Custom JS and CSS\" या इसके जैसा कोई मॉड्यूल इंस्टॉल करें
5. इंस्टॉल होने के बाद, मॉड्यूल की कॉन्फ़िगरेशन पर जाएँ
6. \"Footer Scripts\" या \"Before </body>\" सेक्शन खोजें
7. अपना Asyntai एम्बेड कोड पेस्ट करें
8. "सहेजें" पर क्लिक करें

वैकल्पिक: थीम टेम्पलेट संपादित करें (PrestaShop 1.7+/8)

आप सीधे अपने थीम के फुटर टेम्पलेट में कोड जोड़ सकते हैं:

1. अपनी PrestaShop फाइलों तक FTP या फाइल मैनेजर के माध्यम से पहुंचें
2. अपने थीम फ़ोल्डर पर नेविगेट करें: themes/your_theme/templates/_partials/
3. footer.tpl फ़ाइल खोलें (या कुछ थीम में, templates/layouts/layout-both-columns.tpl देखें)
4. क्लोजिंग </body> टैग या {block name='javascript_bottom'} सेक्शन खोजें
5. क्लोज़िंग </body> टैग से ठीक पहले अपना Asyntai एम्बेड कोड पेस्ट करें
6. फ़ाइल सहेजें
7. PrestaShop कैश साफ़ करें: Advanced Parameters → Performance → Clear cache

वैकल्पिक: थीम की कस्टम JavaScript फ़ाइल का उपयोग

कई PrestaShop थीम में आपकी अपनी स्क्रिप्ट के लिए एक custom.js फ़ाइल शामिल होती है:

1. themes/your_theme/assets/js/ पर नेविगेट करें
2. custom.js नाम की फ़ाइल खोजें (यदि यह मौजूद नहीं है तो इसे बनाएं)
3. चैटबॉट को गतिशील रूप से लोड करने के लिए निम्नलिखित कोड जोड़ें:
   (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. YOUR_WIDGET_ID को अपनी वास्तविक विजेट ID से बदलें
5. PrestaShop कैश साफ़ करें

वैकल्पिक: एक सरल मॉड्यूल बनाएँ (डेवलपर्स के लिए)

डेवलपर्स के लिए, आप displayFooter हुक का उपयोग करके एक सरल मॉड्यूल बना सकते हैं:

1. एक फ़ोल्डर बनाएँ: modules/asyntaichatbot/
2. इस कोड के साथ asyntaichatbot.php बनाएँ:
   <?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>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>';
  }
}
3. YOUR_WIDGET_ID को अपनी वास्तविक विजेट ID से बदलें
4. मॉड्यूल → मॉड्यूल मैनेजर के माध्यम से मॉड्यूल इंस्टॉल करें

चरण 3: इंस्टॉलेशन सत्यापित करें

अपने परिवर्तनों को सहेजने और कैश साफ़ करने के बाद, एक नए ब्राउज़र टैब या इनकॉग्निटो विंडो में अपने स्टोर पर जाएं। आपको नीचे दाएं कोने में चैट विजेट बटन दिखाई देना चाहिए। यह सुनिश्चित करने के लिए इस पर क्लिक करें कि यह खुलता है और सही ढंग से काम करता है।