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

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

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

चरण 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: कोड इंजेक्शन का उपयोग करके कोड जोड़ें (बिज़नेस और कॉमर्स प्लान)

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

अपने Squarespace खाते में लॉग इन करें और अपनी साइट खोलें
बाएं साइडबार में सेटिंग्स पर क्लिक करें
एडवांस्ड पर क्लिक करें
कोड इंजेक्शन पर क्लिक करें
फुटर अनुभाग तक नीचे स्क्रॉल करें
फुटर टेक्स्ट बॉक्स में अपना Asyntai एम्बेड कोड पेस्ट करें
ऊपर बाईं ओर "सहेजें" पर क्लिक करें

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

वैकल्पिक: कोड ब्लॉक्स का उपयोग (सभी प्लान)

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

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

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

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

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

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

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

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

स्क्रिप्ट टैग में data-replace विशेषता जोड़ें और यह बार आपकी थीम वाले बार की जगह ले लेगा। इसे Settings, Code Injection, Footer में जोड़ें, वही जगह जहां चैट कोड है। Squarespace में Code Injection सिर्फ Business या Commerce प्लान पर मिलता है, इसलिए इंस्टॉल के लिए वह जरूरी है।

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