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

Volusion ई-कॉमर्स स्टोर के लिए चरण-दर-चरण गाइड

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

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

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

<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: अपनी थीम का बैकअप लें

अपने Volusion स्टोर में कोई भी बदलाव करने से पहले, बैकअप बनाना महत्वपूर्ण है:

अपने Volusion एडमिन पैनल में लॉग इन करें
डिज़ाइन → फ़ाइल संपादक पर नेविगेट करें
बैकअप बनाने के लिए Archive Theme पर क्लिक करें
सुरक्षित रखने के लिए आर्काइव की एक प्रति डाउनलोड करें

महत्वपूर्ण: कोड में बदलाव करने से पहले हमेशा अपनी थीम का बैकअप लें। यदि कुछ गलत हो जाता है तो यह आपको आसानी से वापस लौटने की अनुमति देता है।

चरण 3: टेम्पलेट में कोड जोड़ें (अनुशंसित)

अपने Volusion स्टोर के सभी पेजों पर चैटबॉट जोड़ने के लिए:

अपने Volusion एडमिन पैनल में, डिज़ाइन → टेम्पलेट पर जाएँ
वैकल्पिक रूप से, डिज़ाइन → फ़ाइल संपादक → शॉर्टकट पर जाएँ
मुख्य टेम्पलेट फ़ाइल खोजें (आमतौर पर template_*.html)
बंद होने वाले </body> टैग को खोजने के लिए स्क्रॉल करें
</body> टैग से ठीक पहले अपना Asyntai एम्बेड कोड पेस्ट करें
परिवर्तन लागू करने के लिए सहेजें पर क्लिक करें
चैटबॉट दिखाई दे रहा है यह सत्यापित करने के लिए अपने स्टोर का पूर्वावलोकन करें

सुझाव: क्लोजिंग </body> टैग से पहले कोड जोड़ने से पेज लोड का प्रदर्शन बेहतर रहता है। यह विधि आपके स्टोर के हर पेज पर स्वचालित रूप से चैटबॉट जोड़ देती है।

वैकल्पिक विधि 1: हेडर/फुटर HTML इंजेक्शन

Volusion आपको वैश्विक सेटिंग्स के माध्यम से कस्टम कोड जोड़ने की अनुमति देता है:

अपने Volusion एडमिन पैनल में लॉग इन करें
सेटिंग्स → डिज़ाइन सेटिंग्स पर नेविगेट करें
Custom HTML या Footer Code अनुभाग खोजें
इस फ़ील्ड में अपना Asyntai एम्बेड कोड पेस्ट करें
सहेजें पर क्लिक करें
कोड अब स्वचालित रूप से सभी पेजों पर जोड़ दिया जाएगा

नोट: कस्टम HTML सेटिंग्स का सटीक स्थान आपके Volusion प्लान और संस्करण के आधार पर भिन्न हो सकता है। \"Custom Code,\" \"Header/Footer,\" या \"Global HTML\" से संबंधित सेटिंग्स खोजें।

वैकल्पिक विधि 2: पेज-विशिष्ट इंस्टॉलेशन

यदि आप चैटबॉट केवल विशिष्ट पेजों पर जोड़ना चाहते हैं:

डिज़ाइन → फ़ाइल संपादक → शॉर्टकट पर जाएँ
PageName फ़ंक्शन का उपयोग करके पेज-विशिष्ट टेम्पलेट बनाएँ या संपादित करें
केवल विशिष्ट पेजों पर स्क्रिप्ट शामिल करने के लिए कंडीशनल कोड जोड़ें:

<!-- Add to template file -->
<script>
if (PageName == 'home' || PageName == 'products') {
    // Your Asyntai embed code here
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
}
</script>

सुझाव: यह विधि तब उपयोगी होती है जब आप केवल उत्पाद पेज, चेकआउट या सहायता पेज जैसे कुछ पेजों पर चैटबॉट चाहते हैं। 'home' और 'products' को अपने Volusion स्टोर के वास्तविक पेज नामों से बदलें।

वैकल्पिक विधि 3: कस्टम CSS/HTML लेख

आप एक लेख ब्लॉक के माध्यम से भी कोड जोड़ सकते हैं:

Volusion एडमिन में, लेख → लेख पर जाएँ
एक नया लेख बनाएँ या मौजूदा लेख संपादित करें
लेख संपादक में HTML दृश्य पर स्विच करें
अपना Asyntai एम्बेड कोड पेस्ट करें
लेख सहेजें
इस लेख को अपने पेज टेम्पलेट या साइडबार में जोड़ें
चैटबॉट उन पेजों पर दिखाई देगा जहाँ यह लेख प्रदर्शित होता है

नोट: यह विधि कम सामान्य है लेकिन उपयोगी हो सकती है यदि आपके पास टेम्पलेट फ़ाइलों तक सीमित पहुंच है या आप लेख को छिपाकर/दिखाकर चैटबॉट को आसानी से चालू/बंद करना चाहते हैं।

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

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

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

मदद चाहिए?

यदि आप टेम्पलेट फ़ाइलों को संपादित करने में सहज नहीं हैं, तो Volusion की कस्टमर सपोर्ट टीम कस्टम HTML और CSS अनुरोधों में सहायता कर सकती है। आप अपने Volusion स्टोर पर चैटबॉट इंस्टॉल करने के मार्गदर्शन के लिए Asyntai सपोर्ट से भी संपर्क कर सकते हैं।

पेशेवर सहायता: यदि आपको थीम संशोधन या जटिल अनुकूलन के लिए पेशेवर सहायता की आवश्यकता है, तो Volusion कस्टम कोडिंग सेवाएं प्रदान करता है।

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