एक कस्टम लाइव चैट विजेट विकसित करें

Microsoft एक कस्टम लाइव चैट विजेट बनाने का विकल्प प्रदान करता है जिसे आप अपने Dynamics 365 Customer Service खाते से अनुलग्न कर सकते हैं. कस्टम लाइव चैट विजेट के प्रत्येक घटक को कार्यक्षमता और उपयोगकर्ता इंटरफ़ेस दोनों के लिए अनुकूलित किया जा सकता है।

अपनी आवश्यकता और परिणाम के आधार पर, आप निम्न विकल्पों में से किसी एक का उपयोग करके चैट विजेट को अनुकूलित कर सकते हैं:

• अनुकूलन लाइव चैट विजेट 2.0 का उपयोग करें
• अपना खुद का विजेट विकसित करें

अनुकूलन लाइव चैट विजेट 2.0 का उपयोग करें

अनुकूलन योग्य लाइव चैट विजेट 2.0 आपको विजेट के सभी तत्वों, जैसे फ़ॉन्ट, रंग और स्टाइल को संपादित करने देता है ताकि आप विजेट को अपनी ब्रांड छवि से मिला सकें। अनुकूलित विजेट आपको विश्वास और विश्वसनीयता विकसित करने, अपने ब्रांड को अलग करने, सकारात्मक भावनात्मक संबंधों को बढ़ावा देने और ग्राहकों द्वारा आपके उत्पाद के लिए विशेषता वाले मूल्य को बढ़ाने में मदद करता है।

नया लाइव चैट विजेट 2.0 ओमनीचैनल चैट एसडीके और लाइव चैट विजेट यूआई घटक लाइब्रेरी पर बनाया गया है।

पोर्टल डेवलपर—आउट-ऑफ़-दी-बॉक्स स्क्रिप्ट-आधारित UI अनुकूलित करें

पोर्टल डेवलपर विकल्प आपको चैट विजेट के UI को वैयक्तिकृत करने देता है लेकिन Copilot Service व्यवस्थापन केंद्र में आउट-ऑफ़-दी-बॉक्स कार्यक्षमता सेटिंग्स को संशोधित नहीं करता है। अनुकूलित करने के लिए, आप "डेटा-अनुकूलन-कॉलबैक" स्क्रिप्ट का उपयोग कर सकते हैं जो आउट-ऑफ-द-बॉक्स विजेट को जावास्क्रिप्ट फ़ंक्शन से जोड़ता है। फ़ंक्शन में चैट घटकों के लिए CSS स्टाइल अनुकूलन शामिल हो सकते हैं, जो कि Omnichannel Live Chat Widget UI घटक लाइब्रेरी के समान उदाहरण हैं।

लाइव चैट विजेट 2.0 सक्षम करने के लिए लाइव चैट विजेट स्क्रिप्ट संपादित करें

लाइव चैट विजेट 2.0 और स्क्रिप्ट-आधारित कस्टमाइज़ेशन का उपयोग करने के लिए, आउट-ऑफ़-द-बॉक्स लाइव चैट विजेट 2.0 के कोड स्निपेट को निम्नानुसार संशोधित करें।

1. Copilot सेवा व्यवस्थापन केन्द्रमा, च्याट वर्कस्ट्रीम खोल्नुहोस्, र कोड स्निपेट प्रतिलिपि गर्न लाइभ च्याट विजेट 2.0 स्क्रिप्ट प्रतिलिपि चयन गर्नुहोस्।
2. सभी घटक स्टाइल के साथ एक नया जावास्क्रिप्ट फ़ंक्शन बनाएं। अधिक जानकारी: ओमनीचैनल चैट विजेट
3. स्क्रिप्ट एट्रिब्यूट के बाद "v2" जोड़ें।
4. "data-customization-callback" जोड़ें और JavaScript फ़ंक्शन का संदर्भ लें.

अपडेट किया गया कोड स्निपेट इस प्रकार दिखाई देगा.

चैट विजेट 2.0 का एक उदाहरण स्क्रीनशॉट जो इसके आकार को बढ़ाने के लिए अनुकूलित किया गया है, इस प्रकार है।

सेट अप किए गए लाइव चैट विजेट का वॉकथ्रू वीडियो देखें।

विजेट को अनुकूलित करने के लिए वेब सगाई ऑर्केस्ट्रेशन का उपयोग करें

वेब सहभागिता ऑर्केस्ट्रेशन आपको अपने कॉन्फ़िगरेशन ओवरराइड को अपने पृष्ठ के जावास्क्रिप्ट से बाहर और व्यवस्थापक केंद्र में ले जाने में सक्षम बनाता है। एक टैग का उपयोग करके सभी वेबसाइटों पर चैट विजेट परिनियोजित करें में अधिक जानें.

अपना खुद का विजेट विकसित करें

अपना खुद का विजेट बनाने के लिए निम्न अनुभागों में जानकारी का उपयोग करें।

Omnichannel लाइव चैट विजेट UI घटक पुस्तकालय

ओमनीचैनल लाइव चैट विजेट यूआई घटक पुस्तकालय पुन: प्रयोज्य प्रतिक्रिया घटकों का एक ढांचा प्रदान करता है। घटकों को फ्लुएंट यूआई लाइब्रेरी का उपयोग करके बनाया गया है। Omnichannel लाइव चैट विजेट UI घटक लाइब्रेरी के बारे में अधिक जानें।

ओमनीचैनल चैट एसडीके

ओमनीचैनल चैट एसडीके एक ओपन-सोर्स पैकेज है जो लाइव चैट विजेट में कार्यक्षमता जोड़ने के लिए चैट विधियों और सुविधाओं को प्रदान करता है। ओमनीचैनल चैट एसडीके के बारे में अधिक जानें।

अपने लाइव चैट विजेट को कस्टमाइज़ करें

Omnichannel Chat SDK का नवीनतम संस्करण स्थापित करने के बाद, Omnichannel Chat SDK विधियों का उपयोग करके और Omnichannel Live Chat Widget UI घटकों की मूल CSS शैलियों को संपादित करके अपने लाइव चैट विजेट को कस्टमाइज़ करें।

नोट

ओमनीचैनल चैट एसडीके ओमनीचैनल लाइव चैट विजेट यूआई घटक पुस्तकालय स्थापित करने के लिए एक शर्त है।

संबंधित जानकारी

मोबाइल ऐप्स के लिए लाइव चैट विजेट कस्टमाइज़ करें
स्टार्टचैट
क्लोजचैट
एलसीडब्ल्यू: क्लोजचैट
एलसीडब्ल्यू: थ्रेडअपडेट
lcw:चैटपुनः प्राप्त किया
एलसीडब्ल्यू:चैटकतारबद्ध