विजेट कस्टमाइज़ेशन

अपने ब्रांड और वेबसाइट डिज़ाइन से मेल खाने के लिए अपने चैट विजेट की उपस्थिति को व्यक्तिगत बनाएं।

सेटिंग्स

सभी विजेट कस्टमाइज़ेशन विकल्प Settings → Channels → Web पर उपलब्ध हैं। अपना वेब चैनल चुनें और Appearance टैब खोलें।

थीम रंग

थीम रंग पूरे विजेट में एकसमान रूप से लागू होता है:

लॉन्चर बटन की पृष्ठभूमि
हेडर बार की पृष्ठभूमि
सेंड बटन का रंग
लिंक हाइलाइट रंग
उपयोगकर्ता संदेश बबल की पृष्ठभूमि

ऐसा रंग चुनें जो आपकी ब्रांड पहचान से मेल खाए और सफेद टेक्स्ट के विरुद्ध अच्छा कंट्रास्ट सुनिश्चित करे।

स्वागत संदेश

स्वागत संदेश वह पहला टेक्स्ट है जो ग्राहक विजेट खोलने पर देखते हैं। इसे मैत्रीपूर्ण रखें और स्पष्ट रूप से बताएं कि बॉट किसमें मदद कर सकता है।

उदाहरण:

“नमस्ते! आज मैं आपकी कैसे मदद कर सकता हूँ?”
“Acme सपोर्ट में आपका स्वागत है। हमारे उत्पादों और सेवाओं के बारे में कुछ भी पूछें।”
“हेलो! मैं यहाँ मदद करने के लिए हूँ। मैं आपकी किसमें सहायता कर सकता हूँ?”

विजेट स्थिति

स्थिति	सेटिंग मान	कब उपयोग करें
नीचे-दाएं	`bottom-right` (default)	मानक प्लेसमेंट, अधिकांश साइटों के लिए उपयुक्त
नीचे-बाएं	`bottom-left`	जब दाईं ओर अन्य तत्वों से टकराव हो

अवतार

v1.6.4

एक इमेज URL प्रदान करके विजेट हेडर और होम स्क्रीन में एक कस्टम अवतार प्रदर्शित करें।

Dashboard के माध्यम से: Settings → Channels → Web → Customizer → Avatar URL में अवतार URL सेट करें।

एम्बेड कोड के माध्यम से: थीम कॉन्फ़िगरेशन में avatarUrl पास करें:

<script>
  window.ClientaConfig = {
    botId: "YOUR_BOT_ID",
    widgetId: "YOUR_WIDGET_ID",
    theme: {
      avatarUrl: "https://example.com/your-logo.png"
    }
  };
</script>

आवश्यकताएं:

एक https:// URL होना चाहिए (http, data:, और javascript: URLs सुरक्षा कारणों से अस्वीकृत हैं)
अनुशंसित आकार: 128 × 128 पिक्सेल (वर्गाकार)
समर्थित फॉर्मेट: PNG, JPG, WebP, SVG
यदि URL अमान्य है या इमेज लोड होने में विफल रहती है, तो डिफ़ॉल्ट आइकन प्रदर्शित होता है

ग्रीटिंग मोड

v1.6.2

ग्रीटिंग संदेश तीन भाषा मोड का समर्थन करता है। Settings → Channels → Web → Customizer पर जाएं और Greeting Mode अनुभाग देखें।

स्टैटिक

भाषा की परवाह किए बिना हर आगंतुक को एक ही ग्रीटिंग टेक्स्ट दिखाया जाता है। यह डिफ़ॉल्ट मोड है।

टेक्स्ट फ़ील्ड में एकल ग्रीटिंग दर्ज करें। उदाहरण: “नमस्ते! आज मैं आपकी कैसे मदद कर सकता हूँ?”

आगंतुक से मिलान (locale)

प्रत्येक भाषा के लिए अलग ग्रीटिंग दिखाएं। विजेट आगंतुक की पहचानी गई भाषा पढ़ता है और मेल खाती ग्रीटिंग दिखाता है।

Match Visitor मोड चुनें।
15 समर्थित locale में से प्रत्येक के लिए एक फ़ील्ड दिखाई देती है।
उन भाषाओं के लिए ग्रीटिंग टेक्स्ट भरें जिन्हें आप समर्थन देना चाहते हैं।
किसी locale की फ़ील्ड को खाली छोड़ने पर उस भाषा के लिए Static ग्रीटिंग का उपयोग होता है।

उदाहरण सेटअप:

थाई: “สวัสดีค่ะ! มีอะไรให้ช่วยไหม?”
अंग्रेजी: “Hi! How can I help you today?”
जापानी: “こんにちは！何かお手伝いできますか？“

Org-Main

ग्रीटिंग हमेशा आगंतुक की भाषा की परवाह किए बिना संगठन की मुख्य प्रतिक्रिया भाषा में दिखाई जाती है। यह मोड AI Settings → Main Response Language में सेट की गई भाषा पढ़ता है।

Org-Main का उपयोग तब करें जब आपकी टीम एक भाषा में काम करती है और आप चाहते हैं कि सभी ग्रीटिंग एकसमान हों।

भाषा चयनकर्ता

v1.6.2

भाषा चयनकर्ता विजेट हेडर में एक ग्लोब आइकन (🌐) जोड़ता है ताकि आगंतुक स्पष्ट रूप से अपनी भाषा चुन सकें। यह डिफ़ॉल्ट रूप से अक्षम है।

सक्षम करने के लिए: Settings → Channels → Web → Customizer में, Show Language Selector को ON करें।

जब कोई आगंतुक ड्रॉपडाउन से कोई भाषा चुनता है:

सभी AI प्रतिक्रियाएं उस सत्र के लिए उस भाषा में लॉक हो जाती हैं
यदि आगंतुक किसी अलग भाषा में टाइप करता है तो भी लॉक ऑटो-डिटेक्शन को ओवरराइड करता है
विजेट UI चुनी हुई भाषा में बदल जाता है

पूर्ण व्यवहार अवलोकन के लिए Web Widget — Language Selector देखें।

डिफ़ॉल्ट भाषा

v1.6.8

विजेट के लिए एक डिफ़ॉल्ट भाषा सेट करें ताकि किसी भी ऑटो-डिटेक्शन से पहले आगंतुक आपके पसंदीदा locale में UI देखें। Settings → Channels → Web → Customizer → Default Language पर जाएं और ड्रॉपडाउन से चुनें।

भाषा प्राथमिकता क्रम है:

Force This Language (AI Settings) — सक्षम होने पर सब कुछ ओवरराइड करता है
आगंतुक का स्पष्ट चयन (भाषा चयनकर्ता के माध्यम से, यदि सक्षम हो)
Default Language — यह सेटिंग
एम्बेड कॉन्फ़िग locale — एम्बेड कोड में locale मान
थाई — जब कुछ और सेट न हो तो फ़ॉलबैक

एम्बेड कोड के locale मान पर निर्भर रहने के लिए इस सेटिंग को छोड़ने हेतु “None — follow embed config” चुनें।

प्रीव्यू

परिवर्तन करने के बाद, सेटिंग्स पेज के दाईं ओर Live Preview पैनल का उपयोग करें यह देखने के लिए कि सेव करने से पहले आपकी साइट पर विजेट कैसा दिखेगा।

सुझाव

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