इसे चित्रित करें: आपके किसी उत्पाद का उपयोग करने वाले किसी व्यक्ति को समस्या का सामना करना पड़ता है। कुछ चैनल हैं जिनका उपयोग वे समस्या की रिपोर्ट करने और इसे हल करने का प्रयास करने के लिए कर सकते हैं।
उनमें से, वे ईमेल या कॉल का विकल्प चुन सकते थे। लेकिन ये संचार चैनल तेजी से गारंटी नहीं देते हैं, रीयल-टाइम, प्रतिक्रियाओं को तो छोड़ ही दें। लेकिन ग्राहक सहायता पेशेवर के साथ एक लाइव, इंटरैक्टिव चैट अमूल्य साबित हो सकती है।
एक लाइव चैट सुविधा एक बहुत ही उपयोगी संचार उपकरण साबित हुई है। ऐसा इसलिए है क्योंकि यह आपको उपयोगकर्ताओं के साथ बेहतर ढंग से जुड़ने, उपयोगकर्ता अनुभव में सुधार करने और समस्याओं का त्वरित और वास्तविक समय में निवारण करने में सक्षम बनाता है।
लाइव चैट क्या है और यह महत्वपूर्ण क्यों है?
एक लाइव चैट सुविधा आमतौर पर एक वेब पेज के किनारे एक विजेट के रूप में, या एक पॉप-अप विंडो के रूप में शामिल होती है जो साइट लोड होने के बाद दिखाई देती है। यह सीधे एप्लिकेशन के भीतर उपयोगकर्ताओं और ग्राहक सेवा प्रतिनिधियों या समर्थन टीमों के बीच रीयल-टाइम संचार प्रदान करता है।
लाइव चैट सुविधा के उपयोगकर्ता उत्पाद के बारे में तत्काल प्रश्न पूछ सकते हैं, उन क्षेत्रों के बारे में पूछताछ कर सकते हैं जिन्हें वे नहीं समझते हैं, या किसी समस्या की रिपोर्ट कर सकते हैं और समाधान का अनुरोध कर सकते हैं। इस बीच, आपकी ग्राहक सहायता टीमें उपयोगकर्ता को वास्तविक समय, विस्तृत प्रतिक्रिया, वैयक्तिकृत प्रदान कर सकती हैं।
लाइव चैट सुविधा को एकीकृत करने के लाभ
लाइव चैट सुविधा को एकीकृत करने से कई लाभ हो सकते हैं:
- ग्राहक सेवा प्रयासों में सुधार करें. एक अच्छा उत्पाद उतना ही अच्छा है जितना उसका उपयोग। लाइव चैट सुविधा को एकीकृत करने से सहायता और उत्तर शीघ्रता से प्राप्त करने का एक आसान तरीका प्रदान करके उपयोगकर्ता के अनुभव को महत्वपूर्ण रूप से बेहतर बनाने में मदद मिलती है। अंततः, इससे आपको बेहतर सेवाएं प्रदान करने में मदद मिलेगी जो आपके उत्पाद के उपयोग को कारगर बनाती हैं।
- ग्राहक जुड़ाव बढ़ाएँ. एक लाइव चैट उपयोगकर्ताओं को रीयल-टाइम में आपके एप्लिकेशन के साथ इंटरैक्ट करने में सक्षम बनाता है, जिससे उन्हें मूल्यवान महसूस होता है। यह उन्हें और अधिक जुड़ने, साइन अप करने और अधिक सुविधाओं का परीक्षण करने के लिए प्रेरित करता है।
- अधिक लीड उत्पन्न करें और बिक्री बढ़ाएँ. यह संचार चैनल आपके उपयोगकर्ताओं के साथ व्यक्तिगत रूप से बातचीत करने का अवसर प्रदान करता है। आप इस अवसर का उपयोग लीड हासिल करने और उन्हें ग्राहकों में बदलने के लिए कर सकते हैं। आप उत्पाद अनुशंसाएँ भी प्रदान कर सकते हैं और उन्हें अपने उत्पाद के विशिष्ट पैकेजों पर अपसेल कर सकते हैं।
- उपयोगकर्ता डेटा का स्रोत. डिजिटल अर्थव्यवस्था में, उपयोगकर्ताओं के बारे में सटीक डेटा तक पहुंच होने से आप प्रतिस्पर्धा से काफी आगे निकल सकते हैं। जब उपयोगकर्ता आपको बग या अन्य उत्पाद समस्याओं के बारे में बताते हैं, तो वह प्रतिक्रिया अत्यधिक मूल्यवान होती है। आप इस बारे में अधिक जान सकते हैं कि वे आपकी सेवा के साथ कैसे इंटरैक्ट करते हैं और अपने उत्पाद को बेहतर बनाने के लिए इसका उपयोग करते हैं।
चटवूट क्या है?
चैटवूट एक ओपन-सोर्स ग्राहक सेवा मंच है जो आपके उपयोगकर्ताओं के साथ जुड़ने का एक व्यक्तिगत तरीका प्रदान करता है। यह आपको उपयोगकर्ताओं के प्रश्नों का जवाब देने और वास्तविक समय में कई चैनलों पर प्रतिक्रिया प्रदान करने के लिए एक सरलीकृत मंच भी प्रदान करता है।
आप इसके ऑटोमेशन, एनालिटिक्स और रिपोर्टिंग टूल का उपयोग उपयोगकर्ता के जुड़ाव का विश्लेषण करने और ग्राहक सेवा संचालन को आसानी से और प्रभावी ढंग से प्रबंधित करने के लिए कर सकते हैं।
इस गाइड का उपयोग करके, आप चैटवूट को अपने एप्लिकेशन के साथ एकीकृत कर सकते हैं और रिएक्ट क्लाइंट और ग्राहक सहायता डैशबोर्ड के साथ इसकी लाइव चैट सुविधा का परीक्षण कर सकते हैं।
चैटवूट प्रोजेक्ट सेटअप
चैटवूट एक अनुकूलन योग्य लाइव चैट प्लगइन प्रदान करता है जिसे आप आसानी से अपने एप्लिकेशन में एकीकृत कर सकते हैं। आप अपनी ग्राहक सेवा आवश्यकताओं के अनुरूप जितना संभव हो सके इसे अनुकूलित कर सकते हैं।
एक बार जब आप अपने एप्लिकेशन में प्लगइन कोड एम्बेड कर लेते हैं, तो उपयोगकर्ता आपकी ग्राहक सहायता टीमों के साथ संवाद कर सकता है, और वे चैटवूट के एजेंट के डैशबोर्ड से उन वार्तालापों को प्रबंधित कर सकते हैं।
- वहां जाओ चैटवूट की वेबसाइट, एक खाते के लिए साइन अप करें, और उपयोगकर्ता डैशबोर्ड पर नेविगेट करें।
- अपने उपयोगकर्ताओं के वार्तालापों को प्रबंधित करने के लिए, आपको पहले एक इनबॉक्स सेट करना होगा और अपनी आवश्यकता के आधार पर इसे अनुकूलित करना होगा। पर क्लिक करें नया इनबॉक्स शुरू करने के लिए बटन।
- अब, उस चैनल का चयन करें जिसमें आप चैटवूट को एकीकृत करना चाहते हैं। इस गाइड के लिए, चुनें वेबसाइट चूंकि आप इसे एक रिएक्ट ऐप में एकीकृत कर रहे हैं।
- इसके बाद, अपनी वेबसाइट का विवरण भरें। स्थानीय विकास के लिए आप एक स्थानीय होस्ट डोमेन URL के साथ सुविधा का परीक्षण कर सकते हैं, हालांकि, एक बार जब आप उत्पादन के लिए तैनात हो जाते हैं, तो डोमेन को लाइव URL के साथ अपडेट करना याद रखें।
- अंत में, इस इनबॉक्स में वार्तालापों को प्रबंधित करने के लिए एजेंट जोड़ें। यह आपकी ग्राहक सहायता टीम का सदस्य हो सकता है।
आपने संचार चैनल के रूप में अपनी वेबसाइट सेट के साथ चैटवूट की लाइव चैट को सफलतापूर्वक सेट कर लिया है। लाइव चैट सुविधा विजेट जोड़ने के लिए चैटवूट आपके ऐप में एम्बेड करने के लिए आवश्यक कोड उत्पन्न करेगा। यह कोड बहुत लचीला है क्योंकि आप इसे इनमें से किसी के साथ बनाए गए वेब क्लाइंट में आसानी से एकीकृत कर सकते हैं जावास्क्रिप्ट फ्रंटएंड फ्रेमवर्क.
यदि आप सेटअप को और अनुकूलित करना चाहते हैं तो पर क्लिक करें अधिक सेटिंग बटन।
प्रतिक्रिया परियोजना सेटअप
फीचर का परीक्षण करने के लिए एक रिएक्ट एप्लिकेशन बनाएं और चैटवूट का लाइव चैट प्लगइन एम्बेड करें। एक रिएक्ट एप्लिकेशन बनाएं और अपने वेबसाइट टोकन को होल्ड करने के लिए अपने प्रोजेक्ट फोल्डर के रूट डायरेक्टरी में एक ENV फाइल बनाएं।
REACT_APP_WEBSITE_TOKEN = टोकनअगला, में स्रोत निर्देशिका, एक नया फ़ोल्डर बनाएं और इसे घटकों का नाम दें। इस फ़ोल्डर में एक नई फ़ाइल बनाएँ: लाइवचैट.जेएस.
इस फ़ाइल में निम्न कोड जोड़ें:
आयात प्रतिक्रिया, {useEffect} से'प्रतिक्रिया'समारोहसीधी बातचीत () {
उपयोग प्रभाव (() => {
खिड़की.चैटवुडसेटिंग्स = {
मैसेज बबल छुपाएं: असत्य,
पद: "सही",
स्थान: "एन",
प्रकार: "मानक"
};
(समारोह(डी, टी) {
वर BASE_URL = " https://app.chatwoot.com";
वर g = d.createElement (t), s = d.getElementsByTagName (t) [0];
g.src = BASE_URL + "/ पैक्स/जेएस/एसडीके.जेएस";
जी डिफर = सत्य;
g.async = सत्य;
एस.parentNodeपहले डालें(जी, एस);जी.ऑनलोड = समारोह() {
खिड़की.चैटवुडएसडीके।दौड़ना({
वेबसाइट टोकन: प्रक्रिया.env.REACT_APP_WEBSITE_TOKEN,
बेसयूआरएल: BASE_URL
})
}
})(दस्तावेज़, "लिखी हुई कहानी");
}, []);वापस करनाव्यर्थ;
};
निर्यातगलती करना सीधी बातचीत;
यह कोड आपके रिएक्ट ऐप में चैटवूट की लाइव चैट सुविधा को एकीकृत करता है। कौम्पोनॅन्ट माउंट होने पर useEffect हुक कॉलबैक के अंदर कोड चलाता है। सबसे पहले, यह फीचर के लिए चैटवूट की सेटिंग्स को इनिशियलाइज़ करता है। फिर यह चैटवूट द्वारा प्रदान किया गया प्लगइन फ़ंक्शन चलाता है, जो पेज पर लाइव चैट विजेट सेट करता है।
यह वेबसाइट टोकन को चैटवूटएसडीके.रन फ़ंक्शन के पैरामीटर के रूप में पास करता है जो ऐप को आपके चैटवूट खाते से जोड़ता है। अंत में, लाइव चैट फ़ंक्शन शून्य हो जाता है क्योंकि आपको किसी HTML तत्व को प्रस्तुत करने की आवश्यकता नहीं होती है।
लाइव चैट सुविधा का परीक्षण करें
- इस घटक को अपने में आयात करें app.js फ़ाइल और किए गए परिवर्तनों को अद्यतन करने के लिए विकास सर्वर को स्पिन करें। आपको ब्राउज़र पर चल रहे अपने रिएक्ट पर लाइव चैट विजेट देखना चाहिए।
- लाइव चैट सुविधा का परीक्षण करने के लिए, वार्तालाप चैट वॉल खोलने के लिए विजेट पर क्लिक करें और एक संदेश टाइप करें।
- अब, अपने चैटवूट यूजर डैशबोर्ड पर जाएं और अपने इनबॉक्स में नेविगेट करें, आपको एक नया संदेश देखना चाहिए। डिफ़ॉल्ट रूप से, चैटवूट कुछ संदेश उत्पन्न करेगा और उपयोगकर्ता द्वारा संदेश भेजे जाने के तुरंत बाद ऑटो-प्रतिक्रिया करेगा, जैसा कि आप नीचे देख सकते हैं। संदेश का जवाब टाइप करें और भेजें पर क्लिक करें। प्रतिक्रिया देखने के लिए अपने ऐप पर विजेट चैट वॉल पर वापस जाएं।
आपने कोड की बहुत कम पंक्तियों के साथ अपने एप्लिकेशन में एक लाइव चैट सुविधा सफलतापूर्वक एकीकृत कर ली है।
क्या लाइव चैट फीचर इसके लायक है?
एक लाइव चैट सुविधा ग्राहक सेवा प्रदान करने, ग्राहकों की संतुष्टि बढ़ाने और उपयोगकर्ता अनुभव को बेहतर बनाने का एक शानदार तरीका है।
यह जुड़ाव बढ़ाने, प्रतिक्रिया समय कम करने और ग्राहक सहायता को वैयक्तिकृत करने की क्षमता के साथ एक संचार चैनल प्रदान करता है। अंततः, इससे आपको थोड़े प्रयास से ग्राहक सेवा संचालन को बेहतर बनाने में मदद मिलनी चाहिए।