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

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

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

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

Framer में एक बिल्ट-इन कस्टम कोड सुविधा है जो स्क्रिप्ट जोड़ना आसान बनाती है:

अपना Framer प्रोजेक्ट खोलें
ऊपर बाईं ओर गियर आइकन (साइट सेटिंग्स) पर क्लिक करें
"कस्टम कोड" अनुभाग पर जाएँ
"स्क्रिप्ट जोड़ें" बटन पर क्लिक करें
स्क्रिप्ट फ़ील्ड में अपना Asyntai एम्बेड कोड पेस्ट करें
प्लेसमेंट को "<body> टैग के अंत में" पर सेट करें
अपनी साइट सहेजें और प्रकाशित करें

सुझाव: "<body> टैग के अंत में" स्क्रिप्ट रखने से यह सुनिश्चित होता है कि यह पृष्ठ सामग्री के बाद लोड हो, जो चैट विजेट के लिए अनुशंसित है और आपकी पृष्ठ लोडिंग को धीमा नहीं करेगा। Framer "<head> की शुरुआत" और "<head> के अंत" विकल्प भी प्रदान करता है, लेकिन बॉडी का अंत पसंदीदा है।

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

यदि आप कोड कंपोनेंट का उपयोग करके चैटबॉट जोड़ना पसंद करते हैं:

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

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

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

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

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

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

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

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

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

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

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