एम्बेडेड चैट
चैट विजेट को फ्लोटिंग बबल के बजाय अपने पेज पर इनलाइन प्रदर्शित करें
अवलोकन
डिफ़ॉल्ट रूप से, Asyntai चैट विजेट आपकी वेबसाइट के कोने में एक फ्लोटिंग बबल के रूप में दिखाई देता है। एम्बेडेड चैट के साथ, आप चैट को सीधे अपने पेज पर भी प्रदर्शित कर सकते हैं — उदाहरण के लिए, अपने होमपेज पर "हमसे चैट करें" अनुभाग में।
फ्लोटिंग बबल एम्बेडेड चैट के साथ भी काम करता है। जो विज़िटर एम्बेडेड अनुभाग तक स्क्रॉल नहीं करते वे अभी भी बबल का उपयोग कर सकते हैं। दोनों एक ही वार्तालाप साझा करते हैं।
यह कैसे काम करता है
सेटअप
अपने पेज पर जहां चाहें चैट दिखाने के लिए HTML की यह एकल पंक्ति जोड़ें:
<script src="https://asyntai.com/static/js/chat-embed.js" data-asyntai-id="YOUR_WIDGET_ID"></script>YOUR_WIDGET_ID को अपनी विजेट ID से बदलें। आप अपना एम्बेड कोड अपनी ID पहले से भरी हुई एम्बेडेड चैट सेटअप पेज पर पा सकते हैं।
नोट: मुख्य chat-widget.js स्क्रिप्ट भी पेज पर होनी चाहिए। यदि आपने पहले ही अपनी साइट पर Asyntai विजेट इंस्टॉल कर लिया है, तो यह पहले से ही हो चुका है।
उदाहरण
यहां बताया गया है कि आप इसे होमपेज पर कैसे उपयोग कर सकते हैं:
<section style="max-width: 500px; margin: 0 auto;">
<h2>Chat with us</h2>
<p>Ask us anything — our AI assistant is here to help.</p>
<!-- The chat will appear right here -->
<script src="https://asyntai.com/static/js/chat-embed.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
</section>विवरण
आकार
एम्बेडेड चैट फ्लोटिंग विजेट के समान आकार में रेंडर होती है: डेस्कटॉप पर 400px चौड़ी और 650px ऊंची, मोबाइल पर पूरी-चौड़ाई और 550px ऊंची। आप पैरेंट कंटेनर को स्टाइल करके इसकी स्थिति नियंत्रित कर सकते हैं।
फ्लोटिंग बबल व्यवहार
जब एम्बेडेड चैट स्क्रीन पर दिखाई देती है और कोई विज़िटर फ्लोटिंग बबल पर क्लिक करता है, तो यह एम्बेडेड चैट तक स्क्रॉल होता है। यदि एम्बेडेड चैट दृश्य में नहीं है, तो बबल नियमित फ्लोटिंग चैट ओवरले खोलता है।
संदेश सिंक
एम्बेडेड और फ्लोटिंग दोनों चैट एक ही वार्तालाप साझा करती हैं। किसी एक से भेजे गए संदेश दोनों में दिखाई देते हैं। एक ही सत्र, AI संदर्भ और चैट इतिहास का उपयोग किया जाता है।
कई पेज
आप कुछ पेजों पर एम्बेडेड चैट और अन्य पर नियमित फ्लोटिंग विजेट का उपयोग कर सकते हैं। बस उन पेजों पर एम्बेड स्क्रिप्ट शामिल करें जहां आप इनलाइन चैट चाहते हैं। वार्तालाप हमेशा की तरह पेजों के बीच जारी रहती है।
लाइव प्रीव्यू
यहां एक लाइव एम्बेडेड चैट है ताकि आप देख सकें कि यह कैसी दिखती है:
आवश्यकताएं
chat-widget.js) पेज पर इंस्टॉल होना चाहिए
सुझाव: पहले स्टेजिंग पेज पर रखकर एम्बेडेड चैट का परीक्षण करें। प्रोडक्शन में पुश करने से पहले सुनिश्चित करें कि यह आपके पेज लेआउट में सही दिखता है।