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

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

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

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

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

<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: कोड इंजेक्शन का उपयोग करके कोड जोड़ें

अगर आपकी साइट Squarespace Core, Plus या Advanced प्लान (या पुराने Business या Commerce प्लान) पर है, तो आप कोड इंजेक्शन का उपयोग करके चैटबॉट को एक साथ सभी पेजों पर जोड़ सकते हैं:

अपने Squarespace खाते में लॉग इन करें और अपनी साइट खोलें
बाएँ पैनल में Pages पर क्लिक करें
पैनल में सबसे नीचे Custom Code पर क्लिक करें
कोड इंजेक्शन पर क्लिक करें
फुटर अनुभाग तक नीचे स्क्रॉल करें
फुटर टेक्स्ट बॉक्स में अपना Asyntai एम्बेड कोड पेस्ट करें
"सहेजें" पर क्लिक करें

नोट: Squarespace 7.0 में, कोड इंजेक्शन Pages → Website Tools में मिलता है।

सुझाव: फुटर अनुभाग में कोड जोड़ने से यह क्लोजिंग </body> टैग से ठीक पहले आ जाता है, जो चैट विजेट के लिए अनुशंसित प्लेसमेंट है और आपके पेज लोडिंग को धीमा नहीं करेगा।

वैकल्पिक: कोड ब्लॉक का उपयोग करना

चैटबॉट को केवल कुछ खास पेजों पर जोड़ने के लिए, आप कोड ब्लॉक (Code Blocks) का उपयोग कर सकते हैं। कोड ब्लॉक केवल Core, Plus या Advanced प्लान (या पुराने Business या Commerce प्लान) पर ही JavaScript चलाता है।

Squarespace संपादक में अपनी साइट खोलें
उस पृष्ठ पर नेविगेट करें जहाँ आप चैटबॉट जोड़ना चाहते हैं
पेज पर "संपादित करें" क्लिक करें
अनुभाग पर होवर करें और "+ ब्लॉक जोड़ें" पर क्लिक करें
नीचे स्क्रॉल करें और "कोड" चुनें
कोड ब्लॉक संपादित करने के लिए पेंसिल आइकन पर क्लिक करें
अपना Asyntai एम्बेड कोड पेस्ट करें
सुनिश्चित करें कि ब्लॉक का Mode मेनू HTML पर सेट है
संपादक बंद करने के लिए ब्लॉक के बाहर क्लिक करें
"सहेजें" पर क्लिक करें

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

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

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

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

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

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

स्क्रिप्ट टैग में data-replace एट्रिब्यूट जोड़ें, और यह बार आपकी थीम के मौजूदा बार की जगह ले लेगा। इसे Pages, Custom Code, कोड इंजेक्शन, फुटर में जोड़ें, उसी जगह जहाँ चैट कोड है। Squarespace केवल Core, Plus या Advanced प्लान (या पुराने Business या Commerce प्लान) पर ही कोड इंजेक्शन देता है, इसलिए इसे इंस्टॉल करने के लिए आपको इनमें से एक की ज़रूरत है।

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