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

Shopify स्टोर के लिए चरण-दर-चरण गाइड

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

चरण 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: अपनी Shopify थीम में कोड जोड़ें

अपने Shopify स्टोर में चैटबॉट जोड़ने के लिए इन चरणों का पालन करें:

अपने Shopify एडमिन पैनल में लॉग इन करें
ऑनलाइन स्टोर → थीम्स पर जाएँ
अपनी वर्तमान थीम ढूंढें और \"...\" बटन (तीन डॉट्स) पर क्लिक करें
ड्रॉपडाउन मेनू से "कोड संपादित करें" चुनें
बाएं साइडबार में, Layout के अंतर्गत, theme.liquid पर क्लिक करें
बंद होने वाले </body> टैग को खोजने के लिए स्क्रॉल करें
</body> टैग से ठीक पहले अपना Asyntai एम्बेड कोड पेस्ट करें
शीर्ष दाएँ कोने में "सहेजें" पर क्लिक करें

सुझाव: theme.liquid फ़ाइल में </body> को तुरंत खोजने के लिए Ctrl+F (Windows) या Cmd+F (Mac) का उपयोग करें।

वैकल्पिक: Shopify ऐप का उपयोग

यदि आप कोड संपादित नहीं करना चाहते हैं, तो आप कस्टम स्क्रिप्ट जोड़ने के लिए Shopify ऐप का उपयोग कर सकते हैं:

Shopify ऐप स्टोर पर जाएँ
Search for "Custom Script Injector" or "Header & Footer Scripts"
अपनी पसंद का ऐप इंस्टॉल करें
फुटर अनुभाग में अपना Asyntai एम्बेड कोड जोड़ने के लिए ऐप का उपयोग करें

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

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

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

Shopify Plus उपयोगकर्ता

यदि आप Shopify Plus पर हैं, तो आप चेकआउट पेजों पर चैटबॉट प्रदर्शित करने के लिए checkout.liquid फ़ाइल के माध्यम से भी स्क्रिप्ट जोड़ सकते हैं। हालाँकि, ध्यान दें कि अधिकांश स्टोर को केवल मुख्य स्टोरफ्रंट पेजों पर ही इसकी आवश्यकता होती है।

AI सर्च बार जोड़ना

AI सर्च बार अपना अलग कोड रखने वाला अलग विजेट है। इसे चैट के साथ जोड़ें, या अकेले। इसके लिए Standard या उससे ऊपर का प्लान चाहिए: कम प्लान पर बार दिखता है पर परिणाम नहीं देता।

स्क्रिप्ट टैग में data-replace विशेषता जोड़ें और यह बार आपकी थीम वाले बार की जगह ले लेगा। इसे theme.liquid में क्लोजिंग body टैग से ठीक पहले चिपकाएं, उसी फाइल में जहां चैट कोड है। आपकी थीम का अपना सर्च रिजल्ट पेज बना रहता है, इसलिए Enter पहले जैसा ही काम करता है।

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

AI सर्च बार की पूरी गाइड पढ़ें