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

Bubble ऐप्स के लिए चरण-दर-चरण मार्गदर्शिका

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

चरण 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: ऐप सेटिंग्स का उपयोग करना (अनुशंसित)

Bubble में ऐप सेटिंग्स के माध्यम से कस्टम स्क्रिप्ट जोड़ने का बिल्ट-इन तरीका है:

अपने Bubble ऐप एडिटर में लॉग इन करें
बाएँ साइडबार में सेटिंग्स पर जाएँ
"वेब ऐप" टैब पर क्लिक करें
"उन्नत सेटिंग्स" तक स्क्रॉल करें
\"Custom headers and body\" अनुभाग खोजें
\"Script in body\" फ़ील्ड में अपना Asyntai एम्बेड कोड पेस्ट करें
अपना ऐप डिप्लॉय करें

सुझाव: बॉडी स्क्रिप्ट फ़ील्ड में कोड जोड़ने से यह सुनिश्चित होता है कि यह आपके Bubble ऐप के हर पृष्ठ पर लोड हो, जो चैट विजेट के लिए अनुशंसित दृष्टिकोण है। यह सुविधा मुफ्त सहित सभी Bubble योजनाओं पर उपलब्ध है।

वैकल्पिक: HTML एलिमेंट का उपयोग करना

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

Bubble एडिटर में, वह पृष्ठ खोलें जहाँ आप चैटबॉट चाहते हैं
अपने पृष्ठ पर एक HTML एलिमेंट जोड़ें
एलिमेंट में Asyntai एम्बेड कोड पेस्ट करें
अपना ऐप डिप्लॉय करें

नोट: ऐप सेटिंग्स विधि पसंदीदा है क्योंकि यह आपके पूरे ऐप में चैटबॉट लागू करती है। HTML एलिमेंट विधि केवल उस विशिष्ट पृष्ठ पर चैटबॉट जोड़ेगी जहाँ आप एलिमेंट रखते हैं।

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

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

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

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

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

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

चरण 2: ऐप सेटिंग्स का उपयोग करना (अनुशंसित)

वैकल्पिक: HTML एलिमेंट का उपयोग करना

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