अपने चैटबॉट की उपस्थिति को कैसे कस्टमाइज़ करें

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

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

शुरू करने के लिए तैयार हैं? अपने Shoply AI Admin Console में Customize AI Chat खोलें, चाहे आप Shopify इस्तेमाल करते हों या कोई अन्य वेबसाइट प्लेटफ़ॉर्म। यदि चैटबॉट अभी दिखाई नहीं दे रहा है, तो installation and visibility checklist का पालन करें।

अपनी चैट विंडो का प्रीव्यू देखें

एडमिन में उपयोग किए गए वही थीम और desktop-width illustrations आज़माएँ। light या dark appearance चुनें और तुलना करें कि चैट विंडो कितनी जगह घेरती है।

यदि आप AI कैसे बोलता है इसे बदलना चाहते हैं, न कि वह कैसा दिखता है, तो देखें how to customize your AI’s personality।

चैट आइकन का चयन

Select an icon

आप हमारे 17 पूर्वनिर्धारित अलग-अलग आइकनों में से कोई चैट आइकन चुन सकते हैं, या अपनी पसंद का इमेज अपलोड करके उसे चैट आइकन के रूप में उपयोग कर सकते हैं

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

Primary Color

यह मुख्य theme color है, और चैट विंडो में highlighted text color के रूप में भी उपयोग किया जाता है।

यदि आप अपनी वेबसाइट पर light mode का उपयोग करते हैं, तो कृपया अपने theme color के रूप में सफेद के अलावा कोई रंग चुनें — इसका उद्देश्य यह सुनिश्चित करना है कि हल्के बैकग्राउंड पर highlighted text अभी भी पढ़ने योग्य रहे। यदि आप अपनी वेबसाइट पर dark mode का उपयोग करते हैं, तो कृपया अपने theme color के रूप में काले के अलावा कोई रंग चुनें।

Complementary Color

यह एक complementary color है जो आपके primary color के साथ मिलकर gradients (दो रंगों के बीच smooth transition) बनाता है, चैट आइकन और chat window के header के लिए, जिससे चैट आइकन अधिक आकर्षक दिखता है और आपके ब्रांड के अनुरूप लगता है।

Icon’s Line Color

यह चैट आइकन की outline color है।

Whether to remove the background color of the chat icon.

यह अक्सर तब उपयोगी होता है जब आप चैट आइकन के रूप में कोई इमेज अपलोड करते हैं, और आप चैट आइकन का background color (primary color) हटाना चाहते हैं।

Whether to remove the shadow of the chat icon.

यह विकल्प आपको अधिक सपाट और मिनिमलिस्ट डिज़ाइन के लिए चैट आइकन से drop shadow effect हटाने की अनुमति देता है। यह विशेष रूप से तब उपयोगी है जब आपके स्टोर की शैली साफ-सुथरी और आधुनिक हो, या जब आपने कोई कस्टम आइकन अपलोड किया हो जिसमें पहले से उसका अपना shadow या depth effect शामिल हो।

Floating Icon Size for desktop and mobile.

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

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

Chat icon positioning’s on desktop and on mobile.

Z-index of Chat Icon:

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

Auto-hide chat icon on mobile

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

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

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

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

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

Color Theme (dark mode or light mode) of the chat window

यदि आप dark mode चुनते हैं, तो चैट विंडो का background काला होगा और font color सफेद होगी। हम सिफारिश करते हैं कि यदि आपके स्टोर की theme भी dark mode में है, तो आप dark mode विकल्प अपनाएँ।

Width of the chat window on desktop

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

Select the branding image and background image

आप चैट विंडो के लिए अपनी खुद की branding image और background image अपलोड कर सकते हैं, या Shoply AI को वे इमेज आपके लिए जनरेट करने दे सकते हैं।

यदि आप AI-generated image का उपयोग करना चुनते हैं, तो Shoply AI आपके स्टोर के description के आधार पर branding images और background images जनरेट करेगा।

Adjust the transparency and aspect ratios of the background image for the chat window.

चैट विंडो में background images उसके ऊपर के text को अपठनीय बना सकती हैं। इसलिए, डिफ़ॉल्ट रूप से, हम background image के ऊपर half-transparent layer जोड़ते हैं।

Whether to remove Shoply AI’s Logo in Input Bar

यह विकल्प आपको अधिक साफ़ और अधिक ब्रांडेड अनुभव के लिए chat input bar से Shoply AI लोगो हटाने की अनुमति देता है। यह विशेष रूप से तब उपयोगी है जब आप अपने पूरे स्टोर में बिना third-party logos के एक समान brand identity बनाए रखना चाहते हैं, या यदि आप अधिक मिनिमल chat interface design पसंद करते हैं।

यह विकल्प केवल paid plans के लिए उपलब्ध है।

AI Chat के लिए पूर्वनिर्धारित संदेश

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

Popup Welcome message (shows above chat icon if not empty)

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

Pre-defined messages in chat window

आप चैट विंडो में 3 प्रकार तक के पूर्वनिर्धारित संदेश सेट कर सकते हैं:

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

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

3. Input placeholder message - यह संकेत देने वाला text है जो ग्राहकों के टाइप करना शुरू करने से पहले chat input field में दिखाई देता है। यह इस बारे में मार्गदर्शन देता है कि ग्राहक क्या पूछ सकते हैं, जैसे “Ask me anything 🤗” या “How can I help you today?”

ये सेटिंग्स standard chat opening को नियंत्रित करती हैं। जब कोई shopper “Question About This Product?” लिंक के माध्यम से चैट खोलता है, तो Shoply इसकी जगह product name, product का एक संक्षिप्त highlight, और उस item के बारे में automatically generated questions दिखाता है। आपको हर product के लिए शुरुआती प्रश्न लिखने की आवश्यकता नहीं है। जानें कि AI-powered product questions work कैसे काम करते हैं, या add a product-question button के चरणों का पालन करें।

प्रत्येक प्रकार के पूर्वनिर्धारित संदेशों का उदाहरण देखें: