Shoply AI Chat का रूप-रंग कैसे कस्टमाइज़ करें

Shoply AI Chat और AI Search ऐप का रूप-रंग कस्टमाइज़ करने के लिए 40 से अधिक विकल्प उपलब्ध कराते हैं।

इस सेक्शन में हम आपको आपके AI Chatbot के लिए उपलब्ध अलग-अलग कस्टमाइज़ेशन विकल्पों के बारे में बताएँगे। आप अपने ब्रांड से मेल खाने के लिए इसके रूप-रंग, चैट विंडो के डिज़ाइन और मैसेजिंग अनुभव को अपनी पसंद के अनुसार बना सकते हैं।

शुरू करने के लिए तैयार हैं? चैट अनुभव को कस्टमाइज़ करना शुरू करने के लिए हमारे ऐप के एडमिन कंसोल में Customize AI Chat पेज पर जाएँ। Shopify के Theme Editor में Shoply AI Chat सक्षम करने के बाद, आपकी स्टोर वेबसाइट के पेज के निचले दाएँ कोने में चैट आइकन दिखाई देगा।

चैट आइकन का चुनाव

एक आइकन चुनें

आप हमारे पहले से परिभाषित 17 अलग-अलग आइकन में से कोई चैट आइकन चुन सकते हैं या अपने चैट आइकन के रूप में कोई इमेज अपलोड कर सकते हैं।

चैट आइकन का रंग और आकार

मुख्य रंग

यह मुख्य थीम रंग है और चैट विंडो में हाइलाइट किए गए टेक्स्ट के रंग के रूप में भी इसका उपयोग किया जाता है।

अगर आप अपनी वेबसाइट पर लाइट मोड का उपयोग करते हैं, तो कृपया अपनी थीम के लिए ऐसा रंग चुनें जो सफ़ेद न हो — इससे हल्के बैकग्राउंड पर हाइलाइट किया गया टेक्स्ट पढ़ने योग्य बना रहेगा। अगर आप अपनी वेबसाइट पर डार्क मोड का उपयोग करते हैं, तो कृपया अपनी थीम के लिए ऐसा रंग चुनें जो काला न हो।

पूरक रंग

यह ऐसा पूरक रंग है जो आपके मुख्य रंग के साथ मिलकर चैट आइकन और चैट विंडो के हेडर के लिए ग्रेडिएंट (दो रंगों के बीच सहज बदलाव) बनाता है। इससे चैट आइकन अधिक आकर्षक दिखता है और आपके ब्रांड के अनुरूप रहता है।

आइकन की लाइन का रंग

यह चैट आइकन की बाहरी रेखा का रंग है।

चैट आइकन का बैकग्राउंड रंग हटाएँ।

यह विकल्प तब उपयोगी होता है जब आप चैट आइकन के रूप में कोई इमेज अपलोड करते हैं और चैट आइकन का बैकग्राउंड रंग (मुख्य रंग) हटाना चाहते हैं।

चैट आइकन की छाया हटाएँ।

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

डेस्कटॉप और मोबाइल के लिए फ़्लोटिंग आइकन का आकार।

मोबाइल पर आप चैट आइकन का आकार छोटा रखना चाह सकते हैं, ताकि वह ग्राहक के मोबाइल स्क्रीन देखने में बाधा न डाले।

चैट आइकन की स्थिति

डेस्कटॉप और मोबाइल पर चैट आइकन की स्थिति।

चैट आइकन का Z-index:

अगर आप चाहते हैं कि आइकन अन्य UI एलिमेंट्स के सामने रहे, तो अधिक मान का उपयोग करें।

मोबाइल पर चैट आइकन अपने-आप छिपाएँ

मोबाइल डिवाइस पर तय की गई संख्या में सेकंड के बाद चैट आइकन छिपा दें।

यह विकल्प केवल मोबाइल डिवाइस के लिए उपलब्ध है। यह चैट आइकन को ग्राहक के मोबाइल स्क्रीन देखने में बाधा डालने से रोकने में मदद करता है।

चैट विंडो का कस्टमाइज़ेशन

जब आप Shoply AI के चैट आइकन पर क्लिक करते हैं, तो चैट विंडो खुल जाएगी। ग्राहक उस चैट विंडो के ज़रिए Shoply AI के साथ बातचीत कर सकते हैं।

इस सेक्शन में हम आपको चैट विंडो को कस्टमाइज़ करने के लिए उपलब्ध अलग-अलग विकल्पों के बारे में बताएँगे।

चैट विंडो की कलर थीम (डार्क मोड या लाइट मोड)

अगर आप डार्क मोड चुनते हैं, तो चैट विंडो का बैकग्राउंड काला और फ़ॉन्ट का रंग सफ़ेद होगा। अगर आपके स्टोर की थीम भी डार्क मोड में है, तो हम डार्क मोड विकल्प अपनाने की सलाह देते हैं।

डेस्कटॉप पर चैट विंडो की चौड़ाई

यह विकल्प केवल डेस्कटॉप पर लागू होता है। मोबाइल पर चैट विंडो हमेशा पूरी स्क्रीन घेरती है।

ब्रांडिंग इमेज और बैकग्राउंड इमेज चुनें

आप चैट विंडो के लिए अपनी ब्रांडिंग इमेज और बैकग्राउंड इमेज अपलोड कर सकते हैं या Shoply AI को आपके लिए ये इमेज बनाने दे सकते हैं।

अगर आप AI से बनाई गई इमेज का उपयोग करना चुनते हैं, तो Shoply AI आपके स्टोर के विवरण के आधार पर ब्रांडिंग इमेज और बैकग्राउंड इमेज बनाएगा।

चैट विंडो की बैकग्राउंड इमेज की पारदर्शिता और आस्पेक्ट रेशियो समायोजित करें।

चैट विंडो में बैकग्राउंड इमेज के कारण उसके ऊपर का टेक्स्ट पढ़ने योग्य नहीं रह सकता। इसलिए, डिफ़ॉल्ट रूप से हम बैकग्राउंड इमेज के ऊपर अर्ध-पारदर्शी परत जोड़ते हैं।

इनपुट बार में Shoply AI का लोगो हटाएँ

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

यह विकल्प केवल सशुल्क प्लान के लिए उपलब्ध है।

AI Chat के लिए पहले से परिभाषित मैसेज

आप ऐसे डिफ़ॉल्ट मैसेज भी सेट या संपादित कर सकते हैं जो ग्राहक को आपके chatbot के साथ पहली बार बातचीत करते समय मार्गदर्शन दें। इसके अलावा, आप उन मैसेज के अनुवाद विकल्प कॉन्फ़िगर कर सकते हैं (अधिक जानकारी के लिए यह FAQ पेज देखें)।

पॉपअप वेलकम मैसेज (खाली न होने पर चैट आइकन के ऊपर दिखाई देता है)

अगर आप वेलकम मैसेज खाली छोड़ते हैं, तो हम चैट आइकन के ऊपर वेलकम मैसेज नहीं दिखाएँगे।

चैट विंडो में पहले से परिभाषित मैसेज

आप चैट विंडो में पहले से परिभाषित मैसेज के अधिकतम 3 प्रकार सेट कर सकते हैं:

1. चैट विंडो में पहला मैसेज - यह शुरुआती अभिवादन मैसेज है जो ग्राहक के पहली बार चैट विंडो खोलने पर अपने-आप दिखाई देता है। इसका उपयोग ग्राहकों का स्वागत करने और बातचीत का माहौल तय करने के लिए करें।

2. अधिकतम 4 शुरुआती सवाल - ये क्लिक किए जा सकने वाले सवालों के सुझाव हैं जो चैट की शुरुआत में दिखाई देते हैं। ये सामान्य सवाल देकर ग्राहकों का मार्गदर्शन करते हैं, जिन्हें वे बातचीत शुरू करने के लिए क्लिक कर सकते हैं, जिससे उनके लिए शुरुआत करना आसान हो जाता है।

3. इनपुट प्लेसहोल्डर मैसेज - यह संकेत टेक्स्ट है जो ग्राहकों के टाइप करना शुरू करने से पहले चैट इनपुट फ़ील्ड में दिखाई देता है। यह ग्राहकों को बताता है कि वे क्या पूछ सकते हैं, जैसे “मुझसे कुछ भी पूछें 🤗” या “आज मैं आपकी कैसे मदद कर सकता हूँ?”

पहले से परिभाषित मैसेज के प्रत्येक प्रकार का उदाहरण देखें: