एक Wix साइट में ChatMaxima Web Widget जोड़ें

अवलोकन

यह मार्गदर्शिका आपको एक Wix वेबसाइट पर ChatMaxima वेब चैट विजेट स्थापित करने के माध्यम से ले जाती है। एक बार स्थापित होने के बाद, चैट बबल आपकी साइट के हर पेज पर दिखाई देता है और आपके WhatsApp, Instagram, Facebook, Telegram, और SMS कन्वर्सेशन के साथ सीधे आपके एकीकृत ChatMaxima इनबॉक्स से जुड़ता है।

पूरी प्रक्रिया में लगभग पांच मिनट लगते हैं और इसके लिए किसी कोडिंग की आवश्यकता नहीं होती।

पूर्व-आवश्यकताएं

शुरू करने से पहले, सुनिश्चित करें कि आपके पास है:

• एक कॉन्फ़िगर किए गए Web Widget चैनल के साथ एक सक्रिय ChatMaxima खाता
• एक कनेक्टेड कस्टम डोमेन के साथ एक Wix Premium प्लान
• जिस Wix साइट पर आप विजेट स्थापित करना चाहते हैं उस तक Owner या Admin पहुंच

ध्यान दें: Wix के मुफ़्त प्लान कस्टम कोड की अनुमति नहीं देते, इसलिए विजेट को एक मुफ़्त Wix साइट पर स्थापित नहीं किया जा सकता। आपको पहले एक कनेक्टेड कस्टम डोमेन के साथ एक Premium प्लान में अपग्रेड करना होगा।

चरण 1: ChatMaxima में अपना Widget Snippet उत्पन्न करें

1. chatmaxima.com/dashboard/ पर अपने ChatMaxima डैशबोर्ड में लॉग इन करें
2. बाएं साइडबार से, Channels पर नेविगेट करें
3. Web Widget चुनें, फिर या तो एक मौजूदा विजेट खोलें या Create New Widget पर क्लिक करें
4. विजेट की उपस्थिति अनुकूलित करें: ब्रांड रंग, स्वागत संदेश, लोगो, और चैट विंडो स्थिति
5. वैकल्पिक रूप से विज़िटर का नाम और ईमेल एकत्र करने के लिए एक प्री-चैट फ़ॉर्म सक्षम करें
6. अपने परिवर्तन सहेजें, फिर Install या Embed Code टैब पर क्लिक करें
7. JavaScript स्निपेट को अपने क्लिपबोर्ड पर कॉपी करें

स्निपेट एक छोटा <script> टैग है और अतुल्यकालिक रूप से लोड होता है, इसलिए यह आपकी साइट को धीमा नहीं करेगा।

चरण 2: Wix में Custom Code खोलें

1. wix.com पर अपने Wix खाते में साइन इन करें और साइट डैशबोर्ड खोलें
2. बाएं साइडबार में, Settings पर जाएं
3. Advanced अनुभाग तक नीचे स्क्रॉल करें और Custom Code पर क्लिक करें

ध्यान दें: कुछ Wix डैशबोर्ड में यह विकल्प Marketing & SEO फिर Tracking & Analytics के तहत दिखाई देता है। दोनों मार्ग समान Custom Code पैनल की ओर ले जाते हैं।

चरण 3: ChatMaxima Snippet जोड़ें

1. Custom Code पेज के ऊपरी दाईं ओर + Add Custom Code पर क्लिक करें
2. चरण 1 में कॉपी किए गए ChatMaxima स्निपेट को Paste the code snippet here फ़ील्ड में पेस्ट करें
3. Name फ़ील्ड में, एक पहचानने योग्य लेबल दर्ज करें जैसे ChatMaxima Web Widget
4. Add Code to Pages के तहत, All pages चुनें और Load code once विकल्प को टिक करें
5. Place Code in के तहत, Body - end चुनें
6. Apply पर क्लिक करें

अनुशंसित सेटिंग्स संदर्भ

सेटिंग	मान	क्यों
Name	ChatMaxima Web Widget	बाद में पहचानना आसान
Add Code to Pages	All pages	विजेट साइट-व्यापी दिखाई देता है
Load code once	सक्षम	नेविगेशन पर पुनः लोड को रोकता है
Place Code in	Body - end	विजेट को रेंडर करने के लिए आवश्यक

विजेट को सही ढंग से रेंडर करने के लिए ChatMaxima स्क्रिप्ट को समापन </body> टैग से पहले लोड होना चाहिए।

चरण 4: प्रकाशित करें और सत्यापित करें

कस्टम कोड केवल आपकी साइट के प्रकाशित संस्करण पर चलता है, कभी भी Wix एडिटर पूर्वावलोकन के अंदर नहीं।

1. अपनी साइट के लिए Wix Editor खोलें और ऊपरी दाईं ओर Publish पर क्लिक करें
2. प्रकाशन पूरा होने के बाद, अपने लाइव साइट URL को एक नए ब्राउज़र टैब में खोलें
3. अपने पेज के निचले दाएं कोने में ChatMaxima चैट बबल देखें
4. बबल पर क्लिक करें, एक टेस्ट संदेश भेजें, और पुष्टि करें कि कन्वर्सेशन आपके ChatMaxima Team Inbox में दिखाई देता है

यदि टेस्ट कन्वर्सेशन आपके इनबॉक्स तक पहुंचता है, तो आपका विजेट लाइव और काम कर रहा है।

विकल्प: विजेट को इनलाइन एम्बेड करना

यदि आप चाहते हैं कि चैट विंडो एक फ़्लोटिंग बबल के बजाय एक विशिष्ट पेज सेक्शन के अंदर दिखाई दे, तो इसके बजाय Wix के HTML embed तत्व का उपयोग करें।

1. Wix Editor में अपनी साइट खोलें
2. बाएं साइडबार पर + Add Elements बटन पर क्लिक करें
3. Embed Code तक नीचे स्क्रॉल करें और Embed HTML चुनें
4. अपने ChatMaxima स्निपेट को कोड फ़ील्ड में पेस्ट करें
5. एम्बेड तत्व को अपने इच्छित पेज स्थान पर ड्रैग करें और आवश्यकतानुसार इसका आकार बदलें
6. सभी पेजों पर स्क्रीन के एक कोने में चैट विंडो को पिन करने के लिए, एम्बेड तत्व पर राइट-क्लिक करें और Pin to Screen चुनें
7. Publish पर क्लिक करें

अधिकांश लेआउट के लिए लगभग 622px की ऊंचाई और 384px की चौड़ाई अच्छी तरह काम करती है।

ध्यान दें: चरण 1 से 4 में Custom Code विधि अधिकांश उपयोगकर्ताओं के लिए अनुशंसित मार्ग है। इनलाइन एम्बेड का उपयोग केवल तभी करें जब आपको चैट विंडो को एक निश्चित पेज स्थान में चाहिए।

सर्वोत्तम अभ्यास

• लाइव URL पर परीक्षण करें क्योंकि कस्टम कोड Wix एडिटर पूर्वावलोकन में नहीं चलता
• साइट-व्यापी चैट के लिए इनलाइन एम्बेड के बजाय Custom Code विधि का उपयोग करें, जब तक आपको विशेष रूप से एक निश्चित पेज स्थान की आवश्यकता न हो
• विज़िटर को कई चैट बबल से भ्रमित करने से बचने के लिए एक चैट टूल सक्रिय रखें
• विज़िटर का नाम और ईमेल स्वचालित रूप से कैप्चर करने के लिए ChatMaxima में प्री-चैट फ़ॉर्म सक्षम करें
• रूटिंग नियम सेट अप करें ताकि Wix कन्वर्सेशन सही टीम सदस्य के पास पहुंचें

समस्या निवारण

मेरी साइट पर विजेट दिखाई नहीं देता

1. पुष्टि करें कि आप लाइव प्रकाशित URL पर परीक्षण कर रहे हैं, Wix एडिटर पूर्वावलोकन पर नहीं
2. सत्यापित करें कि आपका Wix प्लान एक कनेक्टेड कस्टम डोमेन के साथ एक Premium प्लान है
3. ब्राउज़र कंसोल खोलें और स्क्रिप्ट त्रुटियों की जांच करें
4. पुष्टि करें कि स्निपेट Body - end में पेस्ट किया गया था, Head में नहीं

विजेट कुछ ब्राउज़रों में दिखाई देता है लेकिन अन्य में नहीं

1. किसी भी विज्ञापन अवरोधक या सख्त ट्रैकिंग रोकथाम एक्सटेंशन को अक्षम करें
2. अक्षम करने के बाद पेज को फिर से लोड करें
3. कुछ गोपनीयता टूल डिफ़ॉल्ट रूप से तृतीय-पक्ष स्क्रिप्ट को ब्लॉक करते हैं, अपने विज़िटर से अपनी डोमेन को व्हाइटलिस्ट करने के लिए कहें

मेरी साइट पर दो चैट बबल दिखाई दे रहे हैं

आपके पास संभवतः एक और चैट टूल स्थापित है, जैसे Wix Smart Chat, Tidio, या LiveChat।

1. अपना Wix डैशबोर्ड खोलें और Settings पर जाएं
2. परस्पर विरोधी चैट ऐप खोजें और या तो इसे हटाएं या इसके विजेट को छिपाएं
3. पुष्टि करने के लिए अपनी लाइव साइट को फिर से लोड करें कि केवल ChatMaxima दिखाई देता है

कन्वर्सेशन मेरे इनबॉक्स तक नहीं पहुंच रहे

1. अपना ChatMaxima डैशबोर्ड खोलें और Channels, फिर Web Widget पर जाएं
2. पुष्टि करें कि विजेट Active पर सेट है
3. सत्यापित करें कि आपके टीम सदस्य सही रूटिंग नियमों को असाइन किए गए हैं
4. लाइव साइट से एक नया टेस्ट संदेश भेजें

विजेट धीरे लोड होता है

ChatMaxima स्निपेट अतुल्यकालिक रूप से लोड होता है और आपके पेज स्पीड स्कोर को प्रभावित नहीं करना चाहिए। यदि आप धीमा लोडिंग देखते हैं, तो विरोधों के लिए अपनी Wix साइट की अन्य कस्टम स्क्रिप्ट जांचें।

अगले चरण

• Instagram DM ऑटोमेशन कनेक्ट करें
• अपना Team Inbox सेट अप करें
• Studio में अपने AI बॉट को प्रशिक्षित करें
• रूटिंग नियम कॉन्फ़िगर करें

मदद चाहिए? ChatMaxima समर्थन से support@chatmaxima.com पर संपर्क करें या chatmaxima.com पर हमारे साथ लाइव चैट करें।