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

PrestaShop वेबसाइटों के लिए चरण-दर-चरण गाइड

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

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

सबसे पहले, अपने Asyntai डैशबोर्ड पर जाएँ और "एम्बेड कोड" अनुभाग तक स्क्रॉल करें। अपना अद्वितीय एम्बेड कोड कॉपी करें जो इस तरह दिखेगा:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

नोट: ऊपर दिया गया कोड केवल एक उदाहरण है। आपको अपने डैशबोर्ड से अपना अद्वितीय एम्बेड कोड कॉपी करना होगा क्योंकि इसमें आपकी व्यक्तिगत विजेट ID होती है।

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

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

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

सुझाव: इस उद्देश्य के लिए लोकप्रिय मुफ्त मॉड्यूल में \"Custom JS and CSS Pro\", \"Custom Code\", और \"Header and Footer Scripts\" शामिल हैं। ये मॉड्यूल थीम और PrestaShop अपडेट के बाद भी बने रहते हैं।

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

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

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

महत्वपूर्ण: थीम फ़ाइलों में किए गए परिवर्तन आपकी थीम को अपडेट करते समय ओवरराइट हो सकते हैं। अधिक स्थायी समाधान के लिए चाइल्ड थीम या मॉड्यूल का उपयोग करने पर विचार करें।

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

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

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

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

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

एक फ़ोल्डर बनाएँ: modules/asyntaichatbot/
इस कोड के साथ 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 async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } }
YOUR_WIDGET_ID को अपनी वास्तविक विजेट ID से बदलें
मॉड्यूल → मॉड्यूल मैनेजर के माध्यम से मॉड्यूल इंस्टॉल करें

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

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

विजेट दिखाई नहीं दे रहा? PrestaShop का कैश साफ़ करना सुनिश्चित करें: Advanced Parameters → Performance → Clear cache पर जाएँ। अपने ब्राउज़र कैश को साफ़ करने या इनकॉग्निटो विंडो में देखने का भी प्रयास करें। यदि कस्टम मॉड्यूल का उपयोग कर रहे हैं, तो सत्यापित करें कि यह मॉड्यूल मैनेजर में सक्षम है।