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

BigCommerce स्टोर के लिए चरण-दर-चरण मार्गदर्शिका

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

चरण 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:

<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>

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

चरण 2: इंस्टॉलेशन विधि चुनें

BigCommerce में चैट विजेट जोड़ने के कई तरीके हैं। वह विधि चुनें जो आपके लिए सबसे अच्छी काम करे:

विधि 1: स्क्रिप्ट मैनेजर का उपयोग करना (अनुशंसित)

स्क्रिप्ट मैनेजर आपके BigCommerce स्टोर में कस्टम स्क्रिप्ट जोड़ने का सबसे आसान और अनुशंसित तरीका है। इसके लिए कोडिंग ज्ञान की आवश्यकता नहीं है और यह थीम परिवर्तनों में बना रहता है।

अपने BigCommerce कंट्रोल पैनल में लॉग इन करें
स्टोरफ्रंट → स्क्रिप्ट मैनेजर पर जाएँ
"स्क्रिप्ट बनाएँ" बटन पर क्लिक करें
इन सेटिंग्स के साथ अपनी स्क्रिप्ट कॉन्फ़िगर करें:
- नाम: Asyntai AI Chatbot
- विवरण: AI-संचालित चैट विजेट (वैकल्पिक)
- प्लेसमेंट: फुटर
- स्थान: सभी पृष्ठ
- स्क्रिप्ट श्रेणी: कार्यात्मक
- स्क्रिप्ट प्रकार: स्क्रिप्ट
"स्क्रिप्ट सामग्री" बॉक्स में, अपना Asyntai एम्बेड कोड पेस्ट करें
"सहेजें" पर क्लिक करें

स्क्रिप्ट मैनेजर का उपयोग क्यों करें? स्क्रिप्ट मैनेजर के माध्यम से जोड़ी गई स्क्रिप्ट आपकी थीम से अलग प्रबंधित होती हैं। जब आप अपनी स्टोर थीम अपडेट या बदलते हैं तो वे प्रभावित नहीं होंगी।

विधि 2: पेज बिल्डर का उपयोग करना

आप HTML एलिमेंट का उपयोग करके चैट विजेट जोड़ने के लिए BigCommerce के पेज बिल्डर का उपयोग कर सकते हैं। यह विधि उपयोगी है यदि आप विजेट कहाँ दिखाई दे इस पर अधिक नियंत्रण चाहते हैं।

अपने BigCommerce कंट्रोल पैनल में लॉग इन करें
स्टोरफ्रंट → मेरी थीम पर जाएँ
अपनी सक्रिय थीम पर "कस्टमाइज़" बटन पर क्लिक करें
पेज बिल्डर के बाएँ साइडबार में, "HTML" एलिमेंट खोजें
HTML एलिमेंट को अपने पेज टेम्पलेट के फुटर क्षेत्र में ड्रैग और ड्रॉप करें
HTML एलिमेंट पर क्लिक करें और "HTML संपादित करें" चुनें
अपना Asyntai एम्बेड कोड पेस्ट करें
"HTML सहेजें" पर क्लिक करें
परिवर्तन लाइव करने के लिए "प्रकाशित करें" पर क्लिक करें

नोट: यदि आप सभी पृष्ठों पर चैटबॉट चाहते हैं, तो आपको इसे फुटर जैसे वैश्विक क्षेत्र में जोड़ना होगा। स्क्रिप्ट मैनेजर विधि साइट-व्यापी इंस्टॉलेशन के लिए आसान है।

विधि 3: थीम फ़ाइलें संपादित करें (Stencil थीम)

Stencil थीम का उपयोग करने वाले डेवलपर्स के लिए, आप कोड सीधे अपनी थीम फ़ाइलों में जोड़ सकते हैं। इसके लिए आपकी थीम की स्रोत फ़ाइलों तक पहुँच आवश्यक है।

BigCommerce कंट्रोल पैनल का उपयोग करना

स्टोरफ्रंट → मेरी थीम पर जाएँ
अपनी सक्रिय थीम पर "उन्नत" पर क्लिक करें
"थीम फ़ाइलें संपादित करें" चुनें
templates → components → common पर नेविगेट करें
footer.html खोलें
फ़ाइल के नीचे तक स्क्रॉल करें
उस लाइन से ठीक पहले अपना Asyntai एम्बेड कोड पेस्ट करें
"फ़ाइल सहेजें और लागू करें" पर क्लिक करें

Stencil CLI का उपयोग करना (स्थानीय विकास)

यदि आप Stencil CLI के साथ स्थानीय रूप से विकसित कर रहे हैं:

अपनी थीम की स्थानीय फ़ाइलें खोलें
templates/components/common/footer.html पर नेविगेट करें
क्लोज़िंग टैग से पहले अपना Asyntai एम्बेड कोड जोड़ें
stencil push का उपयोग करके अपने परिवर्तन पुश करें

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

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

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

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

दस्तावेज़ीकरण