React / Next.js

React, Next.js (App और Pages राउटर), Vite, Remix और Gatsby के लिए कंपोनेंट <TalkmioChat siteKey="…" />। SSR-सुरक्षित — यह विजेट को ब्राउज़र में एक बार लोड करता है और वर्तमान उपयोगकर्ता की पहचान करता है।

talkmio-react-1.0.0.zip डाउनलोड करें

इंस्टॉल करें

1. src/index.js को अपने प्रोजेक्ट में कॉपी करें (या ज़िप फ़ाइल से npm install ./talkmio-react के ज़रिए पैकेज इंस्टॉल करें)।
2. इसे एक बार रेंडर करें, उदाहरण के लिए आपके रूट लेआउट में: <TalkmioChat siteKey="YOUR_SITE_KEY" user={{ name, email }} />
3. Next.js App राउटर: इसे एक क्लाइंट कंपोनेंट ('use client') में रखें जिसे app/layout.js से शामिल किया गया हो।

मेरी साइट की (site key) कहाँ है? app.talkmio.com → Websites पर साइन इन करें, अपनी वेबसाइट जोड़ें और 12-अक्षरों वाली की (key) कॉपी करें (जैसे 2wkxhgujxwlv)। अभी तक अकाउंट नहीं है? मुफ़्त में अकाउंट बनाएँ — किसी कार्ड की आवश्यकता नहीं है।

लाइव करने से पहले चैट की जाँच करें

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

आपके विज़िटर क्या देखते हैं

जिस भी पेज पर कोड लोड होता है, वहाँ चैट बबल दिखता है। विज़िटर कभी भी लिख सकते हैं: Mio आपकी सामग्री से उनकी भाषा में जवाब देता है और जब किसी व्यक्ति की ज़रूरत हो तो बातचीत आपकी टीम को सौंप देता है।

अगले कदम

सभी इंटीग्रेशन देखें, प्लान और कीमतें तुलना करें, डॉक्यूमेंटेशन पढ़ें या अक्सर पूछे जाने वाले सवाल देखें।