मल्टीबटन

मल्टीबटन — साइट के कोने में एक तैरता बटन, जो दबाने पर संपर्क चैनलों का पंखा खोलता है: WhatsApp, Telegram, Viber, VK, सोशल नेटवर्क, फ़ोन, ईमेल, आपका कोई भी लिंक — और हमारे ही विजेट की क्रियाएँ (“चैट में लिखें”, “ऑर्डर करें”, “अपॉइंटमेंट लें”)।

यह आपकी अपनी समस्या भी हल करता है: हर विजेट अपना बटन उसी निचले कोने में बनाता है, और चैट, ऑर्डर तथा कॉलबैक चालू करने पर आपको एक-दूसरे को धकेलते बटनों का ढेर मिलता है। मल्टीबटन ढेर हटा देता है — समाहित विजेट के चैनल उसके पंखे में रहते हैं, और उनके अपने बटन बंद हो जाते हैं।

विजेट मुफ़्त है: अलग एक्सटेंशन खरीदने की ज़रूरत नहीं।

कहाँ चालू करें: एडमिन पैनल → मार्केटिंग → “मेरी साइट” → “मल्टीबटन” कार्ड। टॉगल विजेट चालू करता है, गियर सेटिंग खोलता है; “साइडबार में ले जाएँ” बटन विजेट को अपना मेनू आइटम देता है।

साइट पर इंस्टॉलेशन#

अपने अलग कोड की ज़रूरत नहीं — “मेरी साइट” अनुभाग का सामान्य टैग काम करता है:

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="आपका-डोमेन" async></script>

<head> में या </body> से पहले एक पंक्ति; आगे विजेट की संरचना खाते में टॉगल से तय होती है। प्लेटफ़ॉर्म के निर्देश (HTML, Google Tag Manager, WordPress, Tilda/Wix, Shopify, Webflow) — मेरी साइट लेख में, “लोकप्रिय प्लेटफ़ॉर्म पर इंस्टॉलेशन” अनुभाग।

⚠️ मल्टीबटन के लिए सामान्य टैग ख़ास तौर पर ज़रूरी है। यह अपने पड़ोसियों को अपने अंदर समेटता है — और समेट सकता है केवल उन्हें, जो इसी पेज पर सचमुच लोड हुए हों। अगर चैट कुछ पेजों पर लगा है और ऑर्डर दूसरे पेजों पर, तो उन पर पंखा अलग होगा। सामान्य लोडर विजेट को सही क्रम में लोड करता है और मल्टीबटन को — सबसे आख़िर में, जब पड़ोसी तैयार हों।

अलग टैग multibutton/v1.js भी है (“उन्नत” ब्लॉक), और उसके अपने एट्रिब्यूट हैं: data-color, data-icon (बटन पर इमोजी), data-label, data-position="left|right", data-lang और data-keep-fabs="1" — पड़ोसियों के अपने बटन बंद न करें। टैग का एट्रिब्यूट हमेशा खाते की सेटिंग से ज़्यादा प्रभावी होता है।

इंस्टॉलेशन जाँच क्या देखती है और क्या नहीं। “इंस्टॉलेशन जाँचें” बटन पेज का स्रोत HTML पढ़ता है: सामान्य लोडर मिला / केवल अलग टैग / किसी दूसरी लोकेशन का कोड / कोड नहीं। जो टैग ब्राउज़र में Google Tag Manager डालता है, उसे यह नहीं देखेगा — यह गलती नहीं है, साइट को आँखों से जाँचें।

विजेट की सेटिंग#

सेटिंग अपने आप सेव हो जाती हैं, अलग से “सेव करें” बटन नहीं है। फ़ील्ड के दाईं ओर फ़ैन का लाइव प्रीव्यू दिखता है।

रूप-रंग#

बटन का रंग, उस पर इमोजी-आइकन, स्क्रीन का कोना और कैप्शन (यही स्क्रीन रीडर के लिए लेबल भी है)।

फ़ैन के चैनल#

सूची बनाने वाला कंस्ट्रक्टर: जोड़ें, हटाएँ, ↑↓ से क्रम बदलें। अधिकतम — 12 चैनल। तीन परिवार:

परिवार	चैनल	वैल्यू फ़ील्ड में क्या भरें
मैसेंजर और सोशल नेटवर्क	WhatsApp, Telegram, Viber, VK, Instagram, Facebook, TikTok, YouTube	नंबर, `@यूज़रनेम` या तैयार पता — लिंक विजेट खुद बना लेगा
सीधे संपर्क	फ़ोन, ईमेल	फ़ोन नंबर / ईमेल पता
मनमाना लिंक	कोई भी पेज	पता; सिर्फ़ डोमेन लिखने पर उसे `https://` तक पूरा किया जाता है
हमारे विजेट की क्रियाएँ	चैट खोलें, ब्राउज़र से कॉल, कॉलबैक, ऑर्डर, टेबल की बुकिंग, ऑनलाइन अपॉइंटमेंट, सपोर्ट को लिखें	कुछ नहीं: यह आइटम उसी पेज पर मौजूद संबंधित विजेट को खोल देता है

“सपोर्ट को लिखें” आइटम चैट विंडो का “संदेश” टैब खोलता है — संदेशों के लिए अलग बटन नहीं है, इसलिए यह आइटम चैट चालू होने पर ही उपलब्ध रहता है। अगर शाखा पर संदेश बंद हैं, तो यह सामान्य चैट खोलेगा, और कंस्ट्रक्टर यह बात आइटम के ठीक पास बताएगा।

हर चैनल का अपना कैप्शन (साइट की हर भाषा के लिए अलग) और कहाँ दिखाना है का विकल्प होता है: हर जगह · सिर्फ़ कंप्यूटर पर · सिर्फ़ फ़ोन पर।

पहले संदेश का टेम्पलेट WhatsApp और Telegram में उपलब्ध है: वह टेक्स्ट जो ग्राहक को पहले से लिखा हुआ मिलेगा। यह {url} और {title} प्लेसहोल्डर को सपोर्ट करता है — उसी पेज का पता और शीर्षक जहाँ से क्लिक हुआ (क्लिक के समय भरे जाते हैं, रेंडर के समय नहीं)। अधिकतम — 300 अक्षर।

न्योता देने वाला बबल#

बटन के पास छोटा वाक्य (“कोई सवाल है?”) — यही ग्राहक को क्लिक करने के लिए बुलाता है: कोने में चुपचाप पड़ा बटन लोगों की नज़र में ही नहीं आता। टेक्स्ट हर भाषा के लिए अलग तय होता है, खाली टेक्स्ट का मतलब है कि बबल बिल्कुल नहीं दिखेगा।

बबल दिखने की देरी और दिखने के बीच का विराम सेट किया जा सकता है। विराम ग्राहक के हिसाब से गिना जाता है, साइट के हिसाब से नहीं: दिखने का निशान उसके ब्राउज़र में रहता है, इसलिए न्योता हर विज़िट के हर पेज पर उछलने वाला बैनर नहीं बन जाता।

“अभी खुला है” लाइन#

खुले हुए फ़ैन के हेडर में काम के घंटों की एक लाइन: “22:00 तक खुला है”, “बंद है · 10:00 पर खुलेंगे”, “बंद है · सोमवार को 10:00 पर खुलेंगे”। घंटे शाखा के कार्ड से लिए जाते हैं (अपवादों सहित शेड्यूल) — विजेट की सेटिंग में इसकी कॉपी जानबूझकर नहीं रखी गई है।

दो विकल्प हैं: ऑटो (डिफ़ॉल्ट — घंटे भरे हों तो लाइन दिखती है) और न दिखाएँ। स्टेटस हर बार फ़ैन खुलने पर दोबारा गिना जाता है, लोड के समय एक बार नहीं: बटन पेज पर घंटों पड़ा रहता है, और 22:30 पर “22:00 तक खुला है” ठीक वही झूठ है जिसके बाद बाकी बातों पर भी भरोसा उठ जाता है। शाखा के घंटे भरे न हों तो लाइन बिल्कुल नहीं दिखती (किसी की अपनी ही साइट पर उसे बंद बताया नहीं जा सकता)।

कब दिखाना है#

यह ब्लॉक कॉलबैक और “लाइव स्टोरफ्रंट” के साथ साझा है:

पेज — पते के मास्क “सिर्फ़ इन पर…” और “इनके अलावा…”, * = कोई भी हिस्सा, हर सूची में 20 मास्क तक; अपवाद अनुमतियों से ज़्यादा मज़बूत होते हैं;
देरी — पेज लोड होने के बाद 0…600 सेकंड;
डिवाइस — सभी · सिर्फ़ कंप्यूटर · सिर्फ़ फ़ोन (सीमा — 480 px);
शेड्यूल — 14 अपनी विंडो तक “दिन + से… तक…” या शाखा के काम के घंटे।

⚠️ घंटे लोकेशन के टाइम ज़ोन में गिने जाते हैं; अगर शाखा का टाइम ज़ोन सेट नहीं है, तो विंडो विज़िटर के समय के हिसाब से गिनी जाती हैं, और पैनल यह बात साफ़-साफ़ बताता है। अगर “शाखा के काम के घंटे” चुने गए हैं और शेड्यूल भरा नहीं है, तो शेड्यूल कुछ भी सीमित नहीं करता और बटन दिखता रहता है। अपनी विंडो की खाली सूची, इसके उलट, मतलब “दिखाने का कोई समय नहीं”।

फ़ैन की संरचना हर बार खुलने पर दोबारा गिनी जाती है: दो दिखावों के बीच ग्राहक फ़ोन घुमा भी सकता है और ऐसे पेज पर चला भी सकता है जहाँ बटन नहीं होना चाहिए।

फ़ोन पर लेआउट#

“📱 फ़ोन पर लेआउट” सेक्शन: गोल बटन (डिफ़ॉल्ट) या नीचे का बार — पहले चार चैनलों की कैप्शन वाली पट्टी और बाकी के लिए शटर खोलने वाला “और” बटन। चौड़ी स्क्रीन पर हमेशा फ़ैन दिखता है; फ़ोन घुमाने पर लेआउट तुरंत बदल जाता है। प्रीव्यू में “बार में / ‘और’ के नीचे” की असली सीमा और “M में से N बार में जाएँगे” वाली लाइन दिखती है।

बार किसी दूसरे के पेज पर सँभलकर बर्ताव करता है: नीचे कोई और फ़िक्स्ड पैनल हो तो उसके ऊपर बैठता है, नीचे स्क्रॉल करने पर हट जाता है और ऊपर स्क्रॉल करने पर लौट आता है, iPhone के सेफ़ ज़ोन का सम्मान करता है, और चैनल बचे न हों तो पूरी तरह गायब हो जाता है।

हमारे स्टोरफ्रंट पर भी दिखाएँ#

अलग टॉगल (डिफ़ॉल्ट रूप से बंद)। मल्टीबटन ही ऐसी सेटिंग वाला इकलौता विजेट है, और वजह ईमानदारी है: हमारे स्टोरफ्रंट पर यह नेटिव बटनों को निगल जाता है — चैट का बबल और कॉलबैक का रिसीवर — यानी स्क्रीन का वह कोना बदल देता है जिसे आप पहले ही सेट कर चुके हैं। ऐसी चीज़ आपकी तरफ़ से चुपचाप चालू नहीं कर दी जाती।

निर्देश पर क्या होता है#

मेहमान फ़ैन खोलता है और चैनल चुनता है:

मैसेंजर, सोशल नेटवर्क या आपका लिंक — नए टैब में खुलता है; बातचीत वहीं होती है जहाँ चैनल ले जाता है। अगर चैनल के लिए संदेश का टेम्पलेट सेट है, तो मेहमान का फ़ील्ड पहले से भरा होता है;
फ़ोन और ईमेल — मौजूदा टैब में डिवाइस के स्टैंडर्ड ऐप से खुलते हैं (वरना ब्राउज़र यहीं खोलकर तुरंत खाली विंडो बंद कर देता);
हमारे विजेट की क्रिया — इसी पेज पर चैट, कॉलबैक फ़ॉर्म, कार्ट, बुकिंग या अपॉइंटमेंट खुलता है। डेटा वहीं जाता है जहाँ आमतौर पर जाता है: बातचीत — “चैट” में, ऑर्डर — “ऑर्डर” में, बुकिंग — “टेबल” में, अपॉइंटमेंट — “अपॉइंटमेंट” में, कॉलबैक का नंबर — “अनुरोध” में।

मल्टीबटन खुद कोई डेटा नहीं जुटाता: यह सिर्फ़ मेहमान को चैनल तक पहुँचाता है। यह जो गिनता है वह क्लिक हैं, और वे इसी के पैनल में “30 दिनों के क्लिक” ब्लॉक में दिखते हैं: बटन कितनी बार दिखा, फ़ैन कितनी बार खुला और हर चैनल पर कितने निर्देश पड़े। इस आँकड़े में न चैनल का पता है, न संदेश का टेक्स्ट, न मेहमान का पेज — सिर्फ़ चैनल का प्रकार और संख्या।

सीमाएँ#

खाली फ़ैन = विजेट नहीं। जब तक कोई चैनल सेट नहीं है, बटन बिल्कुल नहीं बनता: किसी और की साइट के कोने में खाली बटन उसके न होने से भी बुरा है।
चैनल 12 से ज़्यादा नहीं, टेम्पलेट का टेक्स्ट — 300 अक्षरों से लंबा नहीं।
क्रिया-चैनल तभी तक जीवित रहता है जब तक विजेट खुद जीवित है। चैट बंद करें — “चैट खोलें” आइटम पहले ही सेव पर सेटिंग्स से गायब हो जाएगा और खुद वापस नहीं आएगा, उसे दोबारा जोड़ना होगा। रनटाइम में भी मल्टीबटन हर बार खोलने से पहले पड़ोसी की जाँच करता है: नहीं उठा — आइटम नहीं होगा, ताकि ऐसा बटन न बचे जिसके पीछे कुछ न हो।
पड़ोसियों के बटनों का अवशोषण — दृश्य है। मल्टीबटन उनके फ़्लोटिंग बटन छिपा देता है, पर विजेट खुद काम करते रहते हैं; अवशोषण को सिंगल टैग पर data-keep-fabs="1" एट्रिब्यूट से बंद किया जा सकता है।
संदेश का टेम्पलेट — सिर्फ़ WhatsApp और Telegram में। बाकी चैनलों में फ़ील्ड अनदेखा किया जाता है: WhatsApp में प्रीफ़िल डॉक्युमेंटेड है, Telegram में क्लाइंट इसे अलग-अलग तरह से सपोर्ट करते हैं, और बाकी बिल्कुल नहीं करते। बहुत लंबा पेज पता बिना सब्स्टिट्यूशन के दिया जाता है — काम करने वाला लिंक टेक्स्ट से ज़्यादा ज़रूरी है।
सिर्फ़ सुरक्षित पते मान्य हैं: https, http, tel, mailto और viber। बाकी सब हटा दिया जाता है — कैबिनेट के प्रीव्यू में भी और साइट पर भी, क्योंकि जाँच एक ही है।
हमारे स्टोरफ्रंट पर मल्टीबटन सिर्फ़ अलग टॉगल से दिखता है, और उसके फ़ैन में “ब्राउज़र से कॉल” आइटम वहाँ बिल्कुल नहीं रहता: स्टोरफ्रंट पर उसके लिए विंडो नहीं है।
“अभी खुला है” स्ट्रिंग शेड्यूल की जगह नहीं लेती। यह शाखा के कार्ड से घंटे पढ़ती है; भरे नहीं हैं — स्ट्रिंग नहीं होगी, पर बटन रहेगा।

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

साइट पर बटन नहीं है।

टैग नहीं मिला — “इंस्टॉलेशन जाँचें”। “कोड नहीं है” — टैग डाला नहीं गया या टेम्पलेट के सभी पेजों पर नहीं है; “कोड दूसरी लोकेशन का है” — टैग में किसी और का data-domain है। टैग GTM डालता है — जाँच उसे नहीं देखेगी।
बदलाव नहीं पहुँचे — विजेट की फ़ाइलें CDN से 5 मिनट के कैश के साथ दी जाती हैं: इंतज़ार करें और पेज को कैश साफ़ करके रीफ़्रेश करें।
विजेट बंद है या चैनलों की सूची खाली है — खाली फ़ैन नहीं बनता।
दिखाने की शर्तों ने पेज को काट दिया — मास्क जाँचें (अपवाद अनुमतियों से ज़्यादा मज़बूत हैं), डिवाइस और देरी।
शेड्यूल बंद है — अभी विंडो के बाहर है। अपनी विंडो या शाखा के कार्ड का शेड्यूल जाँचें।
शाखा का टाइम ज़ोन सेट नहीं है — तब विंडो विज़िटर के घंटों से गिनी जाती हैं, और बटन तब दिखता है जब आपने उम्मीद नहीं की थी।

फ़ैन में आइटम नहीं है।

क्रिया-आइटम गायब हो गया — संबंधित विजेट बंद है: उसे चालू करें और चैनल दोबारा जोड़ें, वह खुद वापस नहीं आएगा;
आइटम पर “सिर्फ़ फ़ोन के लिए” का निशान है (या उल्टा) — चैनल का डिवाइस फ़िल्टर लागू हुआ;
पड़ोसी उठ नहीं पाया (धीमा नेटवर्क, आपके पेज की सुरक्षा सीमाएँ) — पेज रीफ़्रेश करें; स्थायी रूप से सिंगल की जगह एकीकृत टैग मदद करता है।

कोने में अब भी दो बटन हैं। इसका मतलब है कि पड़ोसी के फ़ैन में संबंधित क्रिया-आइटम नहीं है: सिर्फ़ वही विजेट अवशोषित होते हैं जिनकी क्रियाएँ फ़ैन में हैं। ज़रूरी आइटम जोड़ें। उल्टी स्थिति — पड़ोसी का बटन नहीं चाहिए, पर अवशोषण data-keep-fabs="1" एट्रिब्यूट से बंद है: एट्रिब्यूट हटाएँ।

फ़ोन पर बार किसी और का पैनल ढक देता है। बार खुद नीचे किसी और की फ़िक्स्ड पट्टी खोजता है और उसके ऊपर बैठ जाता है, लोड के बाद कई बार माप दोहराता है। अगर किसी और का पैनल बहुत देर से आता है, तो गोल बटन पर स्विच करें — वह पेज के निचले हिस्से की मार्कअप में हिस्सा नहीं लेता।

बादल नहीं दिखता। जाँचें कि टेक्स्ट पेज की भाषा के लिए सेट है, और दिखाने के बीच का तय पॉज़ खत्म नहीं हुआ — वह किसी खास मेहमान के लिए, उसके ब्राउज़र में गिना जाता है।

आँकड़े खाली हैं। क्लिक एक-एक करके नहीं, बैच में और देरी से भेजे जाते हैं; काउंटर 30 दिन दिखाता है और तब भरता है जब मेहमान निर्देश देते हैं।

अक्सर पूछे जाने वाले प्रश्न#

इसकी कीमत क्या है?#

कुछ नहीं। मल्टीबटन मुफ़्त है और इसके लिए अलग एक्सटेंशन की ज़रूरत नहीं — उन विकल्पों के विपरीत, जो इसे एक स्वतंत्र उत्पाद के रूप में बेचते हैं।

कितने चैनल जोड़े जा सकते हैं?#

बारह तक। क्रम आप ↑↓ तीरों से तय करते हैं, और यही तय करता है कि फ़ोन पर निचली पट्टी में कौन-से चार चैनल आएँगे।

मैसेंजर से आने वाली बातचीत कहाँ पहुँचेगी?#

वहीं, जहाँ चैनल ले जाता है: WhatsApp — WhatsApp में, Telegram — Telegram में। अगर आप बातचीत खाते में देखना चाहते हैं, तो इन चैनलों को “चैट” अनुभाग में कनेक्ट करें — तब संदेश साझा इनबॉक्स में आएँगे, और फ़ैन में “चैट खोलें” विकल्प रखा जा सकता है।

क्या मल्टीबटन अन्य विजेट के बटन छिपा देगा?#

हाँ, और यही इसका उद्देश्य है: जिन विजेट के कार्य इसके फ़ैन में हैं, उनके बटन बंद हो जाते हैं, ताकि कोने में ढेर न लगे। विजेट स्वयं काम करते रहते हैं, और एकल टैग पर यह व्यवहार data-keep-fabs="1" एट्रिब्यूट से बंद हो जाता है।

क्या फ़ोन और कंप्यूटर पर अलग-अलग चैनल दिखाए जा सकते हैं?#

हाँ, हर चैनल में “कहाँ दिखाना है” का संकेत होता है: हर जगह, केवल कंप्यूटर पर या केवल फ़ोन पर। फ़ैन की संरचना हर बार खोलने पर फिर से गणना होती है, इसलिए फ़ोन घुमाने पर तुरंत ध्यान दिया जाता है।

अगर कोई मेहमान लैपटॉप से “WhatsApp पर लिखें” पर क्लिक करे तो क्या होगा?#

मैसेंजर का वेब संस्करण नए टैब में खुलेगा — अगर आपने कोई टेम्पलेट सेट किया है तो पहले से भरा हुआ टेक्स्ट के साथ।

“22:00 तक खुला है” पंक्ति घंटे कहाँ से लेती है?#

शाखा के कार्ड से — उसी शेड्यूल से अपवादों सहित, जो मेहमान स्टोरफ्रंट पर देखता है। विजेट में अलग से घंटे सेट नहीं होते, ताकि दो सत्य अलग न हो जाएँ। अगर शेड्यूल भरा नहीं है, तो पंक्ति बस नहीं दिखेगी।

फ़ैन किस भाषा में बोलेगा?#

चैनलों के लेबल और बादल आप स्वयं भाषाओं के अनुसार सेट करते हैं; पेज की भाषा विजेट उसकी मार्कअप से (या data-lang एट्रिब्यूट से) पहचानता है। “अभी खुला है” पंक्ति में सप्ताह के दिन का नाम ब्राउज़र से पेज की भाषा में लिया जाता है।

मल्टी-बटन