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

Duda वेबसाइटों के लिए चरण-दर-चरण मार्गदर्शिका

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

चरण 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: साइट सेटिंग्स में कोड जोड़ें (अनुशंसित)

अपनी Duda वेबसाइट के सभी पृष्ठों पर चैटबॉट जोड़ने का सबसे आसान तरीका साइट सेटिंग्स के माध्यम से है:

अपने Duda खाते में लॉग इन करें और अपना वेबसाइट एडिटर खोलें
बाईं साइडबार में, \"More\" (तीन डॉट्स आइकन) पर क्लिक करें
"सेटिंग्स" पर क्लिक करें
नीचे स्क्रॉल करें और "Head HTML" पर क्लिक करें
"Body End HTML" फ़ील्ड में, अपना Asyntai एम्बेड कोड पेस्ट करें
"सहेजें" पर क्लिक करें
अपने परिवर्तन लाइव करने के लिए शीर्ष दाएँ में \"Publish\" पर क्लिक करें

सुझाव: Body End HTML अनुभाग में कोड जोड़ने से चैटबॉट आपकी पृष्ठ सामग्री के बाद लोड होता है, जो आपकी साइट की लोडिंग गति को प्रभावित नहीं करेगा। यह विधि स्वचालित रूप से आपकी साइट के हर पृष्ठ पर चैटबॉट जोड़ती है।

वैकल्पिक विधि 1: HTML विजेट (विशिष्ट पृष्ठ)

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

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

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

वैकल्पिक विधि 2: डेवलपर मोड (उन्नत)

उन्नत उपयोगकर्ताओं के लिए, आप HTML में सीधे कोड जोड़ने के लिए डेवलपर मोड का उपयोग कर सकते हैं:

Duda एडिटर में, शीर्ष बार में डेवलपर मोड आइकन पर क्लिक करें
चयन विस्तारित करने के लिए "Site HTML/CSS" पर क्लिक करें
फ़ाइल सूची से "body-end.html" पर क्लिक करें
फ़ाइल की अंतिम पंक्ति तक स्क्रॉल करें
एक नई पंक्ति पर अपना Asyntai एम्बेड कोड पेस्ट करें
"सहेजें" पर क्लिक करें
डेवलपर मोड से बाहर निकलने के लिए "हो गया" पर क्लिक करें
अपने परिवर्तन डिप्लॉय करने के लिए "प्रकाशित करें" पर क्लिक करें

महत्वपूर्ण: डेवलपर मोड आपको अपनी साइट के HTML और CSS तक सीधी पहुँच देता है। अपनी साइट की कार्यक्षमता को तोड़ने से बचने के लिए केवल body-end.html फ़ाइल के अंत में कोड जोड़ना सुनिश्चित करें। प्रकाशित करने से पहले हमेशा परिवर्तनों का परीक्षण करें।

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

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