Chirpvo – चैट बटन: एक फ्लोटिंग व्हाट्सएप बटन जोड़ें (2026)
एक फ्लोटिंग WhatsApp बटन वेबसाइट विज़िटर्स को बातचीत में बदलने का सबसे तेज़ तरीका है — एक क्लिक और वे उसी ऐप पर आपसे चैट कर रहे हैं जो पहले से ही खुला है। फ्री चिर्पवो प्लगइन वर्डप्रेस के लिए यह बिल्कुल वही जोड़ता है: एक कस्टमाइज़ेबल फ्लोटिंग बटन जो आपके नंबर के साथ सामान्य WhatsApp चैट खोलता है। कोई अकाउंट, कोई API की, कोई टेम्पलेट्स और कोई संदेश प्रति लागत नहीं — और यह हमेशा के लिए मुफ्त रहता है। v1.1.0 के बाद से प्लगइन की सेटिंग्स में AI अपग्रेड शामिल है। तो, जब आप स्वचालित एआई उत्तर और एक साझा इनबॉक्स चाहते हैं, तो आप इस वही बटन को पूरी एआई चैट में बढ़ा सकते हैं बजाय इसके कि आप टूल बदलें। डाउनलोड करें, अपलोड करें, और आप लगभग पांच मिनट में लाइव हैं। यहाँ सब कुछ है जो यह करता है और इसे 2026 में कैसे सेट करें।
व्हाट्सएप बटन क्यों महत्वपूर्ण है
संख्याएँ मामला बनाती हैं: WhatsApp संदेशों की खुलने की दर लगभग 98% है, जबकि ईमेल के लिए यह लगभग 20% है, और प्लेटफ़ॉर्म पर औसत प्रतिक्रिया समय 90 सेकंड से कम है। स्टोर के लिए प्रभाव बड़ा है: छोड़े गए कार्ट की रिकवरी WhatsApp पर 15–30% होती है, जबकि ईमेल द्वारा 2–5% होती है। किसी भी पेज पर, हومपेज से चेकआउट तक, विज़िटर का ध्यान आकर्षित करने का सबसे अधिक रूपांतरण वाला तरीका चैट बबल है।
यदि आप विकल्पों पर विचार कर रहे हैं, तो हमने दो सहायक गाइड लिखी हैं: वर्डप्रेस में एक WhatsApp चैट बटन जोड़ने के तीन तरीके और 2026 के लिए सर्वश्रेष्ठ WordPress WhatsApp प्लगइन्स से तुलना करें।. यह पोस्ट मुफ्त Chirpvo प्लगइन पर गहराई से चर्चा करती है।
Chirpvo प्लगइन आपको क्या देता है
Chirpvo एक मुफ्त वर्डप्रेस प्लगइन है (WordPress 6.0+, PHP 7.4+) जो आपकी साइट पर एक फ्लोटिंग बटन जोड़ता है। जब कोई विज़िटर इसे क्लिक करता है, तो प्लगइन चैट खोलता है — डिफ़ॉल्ट रूप से wa.me/<number>?text=<message>, जब आप "वेब" लक्ष्य चुनते हैं तो web.whatsapp.com, या जब कोई समूह आमंत्रण कोड सेट किया गया हो तो chat.whatsapp.com/<code>। क्योंकि यह सीधा wa.me लिंक का उपयोग करता है, इसे जोड़ने के लिए कुछ भी नहीं चाहिए: कोई API कुंजी नहीं, कोई WhatsApp Business खाता नहीं, कोई टेम्पलेट्स नहीं और प्रति संदेश कोई लागत नहीं। यह किसी भी नंबर के साथ काम करता है, जिसमें व्यक्तिगत नंबर भी शामिल है।
सुविधाओं का सेट, एक सूची में:
- संदेश: आपका नंबर, एक वैकल्पिक समूह निमंत्रण कोड, और एक पहले से भरा हुआ संदेश जो {SITE_TITLE}, {SITE_URL}, {PAGE_TITLE} और {PAGE_URL} वेरिएबल्स का समर्थन करता है।
- लेबल: बटन के बगल में वैकल्पिक CTA टेक्स्ट, जैसे "हमसे चैट करें"।
- ट्रैकिंग: प्रत्येक क्लिक पर एक वैकल्पिक Google Analytics dataLayer इवेंट।
- स्टाइल: 8 तैयार-निर्मित SVG आइकन, कस्टम इमेज/GIF अपलोड, कलर पिकर्स, तीन आकार, 32 से 120px तक के साइज।
- स्थिति: 7 प्रीसेट, कस्टम ऑफ़सेट और z-इंडेक्स, अलग डेस्कटॉप और मोबाइल सेटिंग्स।
- एनीमेशन: पल्स, बाउंस, शेक या रिंग।
- डिस्प्ले नियम: पेज, पोस्ट प्रकार, डिवाइस, विज़िटर, देरी, स्क्रॉल और व्यापार समय।
- वूकॉमर्स: उत्पाद-पृष्ठ बटन उत्पाद वेरिएबल्स के साथ, शॉप/आर्काइव बटन और प्रति-कार्ड बटन।
- शॉर्टकोड: [techpad_ai_whatsapp] नंबर, संदेश, आकार, आइकन, लेबल और रंग विशेषताओं के साथ।
- AI में अपग्रेड करें (v1.1.0): सेटिंग्स में AI टैब के लिए एक अपग्रेड लिंक करता है The Tech Pad (शुरू करने के लिए मुफ्त) और साथी Chatvio प्लगइन — बाद में अपना नंबर कनेक्ट करें और AI आपके ग्राहक की भाषा में 24/7 जवाब देता है, आपकी साइट और उत्पाद ज्ञान से, WhatsApp और वेब चैट के लिए एक साझा इनबॉक्स के साथ।
सारी सेटिंग्स एक ही स्क्रीन पर हैं The Tech Pad → Chirpvo चैट बटन, एक प्रीव्यू के साथ ताकि आप सेव करने से पहले बदलाव देख सकें।
प्लगइन को कैसे इंस्टॉल और सेट अप करें
छह कदम, लगभग पांच मिनट:
- प्लगइन डाउनलोड करें। ज़िप प्राप्त करें Chirpvo पेज — सीधे: chirpvo-chat-button.zip.
- इसे अपलोड करें. वर्डप्रेस एडमिन में जाएं, Plugins → Add New → Upload Plugin, ज़िप फाइल चुनें और अब इंस्टॉल करें पर क्लिक करें.
- सक्रिय करें. प्लगइन सक्रिय करें पर क्लिक करें.
- सेटिंग्स खोलें. जाएँ The Tech Pad → Chirpvo चैट बटन.
- अपना नंबर दर्ज करें। पूरा अंतरराष्ट्रीय नंबर टाइप करें, पहले देश कोड, केवल अंक — उदाहरण के लिए भारत के लिए 919876543210. +, स्पेस या डैश नहीं. यदि आप चाहें तो एक पूर्व भरा संदेश जोड़ें.
- पूर्वावलोकन करें और सहेजें. प्रीव्यू के साथ बटन जांचें, फिर "सहेजें परिवर्तन" पर क्लिक करें।
बस इतना ही। बटन आपके साइट पर लाइव है — या बिल्कुल वहीं जहाँ आप इसे दिखाना चाहते हैं, जिसे अगला भाग कवर करता है।
सभी विकल्प, समझाए गए
सामान्य
जनरल टैब मूल बातें कवर करता है: व्हाट्सएप नंबर, एक वैकल्पिक ग्रुप इनवाइट कोड, पूर्व-भरी हुई संदेश (जिसमें {SITE_TITLE}, {SITE_URL}, {PAGE_TITLE} और {PAGE_URL} ऑटो-भरे हुए हैं), ओपन-इन लक्ष्य (ऑटो या व्हाट्सएप वेब), CTA लेबल, और गूगल एनालिटिक्स डेटा लेयर टॉगल।
आइकॉन और स्टाइल
8 तैयार किए गए SVG आइकनों में से एक चुनें — WhatsApp लोगो, WhatsApp बबल, चैट बबल, डॉट्स वाला बबल, टेक्स्ट लाइनों वाला बबल, हेडसेट, मैसेज स्क्वायर या पेपर प्लेन — या मीडिया लाइब्रेरी से अपनी खुद की इमेज/GIF अपलोड करें। रंग चुनने वाले बटन का बैकग्राउंड और आइकन सेट करते हैं। आकृति गोल, गोल-मटोल-स्क्वायर या स्क्वायर हो सकती है, और आकार 32 से 120 पिक्सेल तक होता है।
स्थिति
सात प्रीसेट: नीचे-दाएँ, नीचे-बाएँ, नीचे-केंद्र, दाएँ-केंद्र, बाएँ-केंद्र, ऊपर-दाएँ और ऊपर-बाएँ, साथ ही अधिक सूक्ष्म नियंत्रण के लिए कस्टम पिक्सेल ऑफसेट और ज़ेड-इंडेक्स। पोज़िशन, ऑफसेट और साइज को डेस्कटॉप और मोबाइल (782px के नीचे) के लिए अलग-अलग कॉन्फ़िगर किया जाता है — उदाहरण के लिए डेस्कटॉप पर नीचे-दाएँ, फोन पर नीचे-केंद्र।
लेबल व्यवहार भी यहीं रहता है — होवर पर टूलटिप, हमेशा दिखाई देने वाला लेबल, या कोई नहीं — साथ ही एनिमेशन: कोई नहीं, पल्स, बॉन्स, शेक या रिंग।
डिस्प्ले नियम
डिफ़ॉल्ट रूप से बटन पूरे साइट पर दिखाई देता है। इसे सीमित करने के लिए, "केवल नीचे सूचीबद्ध पृष्ठों पर" चुनें और पृष्ठ URL खंड या ID दर्ज करें, एक प्रति पंक्ति — या किसी विशेष पृष्ठों पर इसे छिपाने के लिए "सूचीबद्ध के अलावा हर जगह" का उपयोग करें। आप इसे विशेष पोस्ट प्रकारों पर भी छिपा सकते हैं, इसे डेस्कटॉप या मोबाइल तक सीमित कर सकते हैं, केवल लॉगिन किए गए उपयोगकर्ताओं या मेहमानों को दिखा सकते हैं, इसे सेकंडों के लिए विलंबित कर सकते हैं, स्क्रोल प्रतिशत के बाद प्रकट कर सकते हैं, और व्यावसायिक घंटे सेट कर सकते हैं (दिन और आपकी साइट के टाइमज़ोन में से / तक समय)।
वूकॉमर्स
WooCommerce सक्रिय होने पर, यह टैब आपके स्टोर में WhatsApp बटन जोड़ता है। उत्पाद पृष्ठों पर आपको तीन प्लेसमेंट विकल्प मिलते हैं — फ्लोटिंग, ऐड-टु-कार्ट के बाद या उत्पाद मेटा के बाद — जिसमें {PRODUCT_NAME}, {PRODUCT_PRICE} और {PRODUCT_URL} संदेश में स्वचालित रूप से भरे जाते हैं। शॉप और आर्काइव पृष्ठों पर भी एक फ्लोटिंग बटन होता है, और शॉप, कैटेगरी और टैग लिस्टिंग में हर उत्पाद कार्ड के नीचे एक छोटा बटन होता है।
एडवांस्ड
हर बटन स्टाइल एक सेटिंग है — रंग, आकार, आकार, स्थिति, लेबल और एनिमेशन। इसके अलावा किसी भी चीज़ के लिए, CSS संपादक का उपयोग करें जो वर्डप्रेस पहले से ही प्रदान करता है (Appearance → Customize → Additional CSS)। सेटिंग्स पेज पर एक प्रीव्यू बटन भी है, जिससे आप किसी परिवर्तन को सहेजने से पहले देख सकते हैं।
संदेश टेम्पलेट्स जो बदलते हैं
पूर्व-भरा हुआ संदेश वह है जो एक क्लिक को योग्य बातचीत में बदल देता है — जो आपको चाहिए, वह पहले ही पूछें। नीचे दिए गए टेम्पलेट में, {{1}} गतिशील स्लॉट को दर्शाता है — प्लगइन इसे अपने वेरिएबल से भरता है (WooCommerce पेजों पर {PRODUCT_NAME}, अन्य जगहों पर {PAGE_TITLE}), या आप इसे मैन्युअल रूप से बदल सकते हैं।
| उपयोग का मामला | पूर्व-भरा हुआ संदेश टेम्पलेट |
|---|---|
| उत्पाद से संबंधित प्रश्न | हाय! मैं {{1}} देख रहा हूँ और खरीदने से पहले एक सवाल है। |
| मूल्य निर्धारण | हाय, मुझे {{1}} के लिए एक उद्धरण चाहिए। |
| अपॉइंटमेंट्स | हेलो! मैं {{1}} स्लॉट बुक करना चाहता हूँ। |
| समर्थन | हाय, मुझे {{1}} में मदद चाहिए। |
शुरू करने के लिए दो कॉपी और पेस्ट ब्लॉक — इन्हें सेटिंग्स में संदेश फ़ील्ड में पेस्ट करें:
नमस्ते {{1}}! आने के लिए धन्यवाद। हम आज आपकी कैसे मदद कर सकते हैं?
हैलो {{1}}, हमें आपका संदेश मिल गया है और हम शीघ्र उत्तर देंगे — सामान्यत: कार्य समय के दौरान कुछ ही मिनटों में।
व्हाट्सएप बिज़नेस एपीआई में अपग्रेड करने का समय कब है
प्लगइन जानबूझकर केवल इनबाउंड-ओनली है: एक विज़िटर क्लिक करता है, और आपका नंबर के साथ एक सामान्य व्हाट्सएप चैट खुल जाती है। यह अधिकांश छोटे साइट्स के लिए पर्याप्त है, और यह हमेशा मुफ़्त रहता है — कोई API कुंजी नहीं, कोई टेम्पलेट्स नहीं, प्रति संदेश कोई लागत नहीं।
आपको विचार करना चाहिए The Tech Pad जब आप एक-से-एक प्रतिक्रियाओं से बाहर निकल जाते हैं। प्लेटफ़ॉर्म एक साझा टीम इनबॉक्स जोड़ता है ताकि हर एजेंट एक ही स्थान से जवाब दे सके, इसके साथ ही कैंपेन, ऑटोमेशन, एक एआई कोपायलट और विश्लेषण भी होते हैं। यदि आप नोटिफिकेशन भेजना चाहते हैं — ऑर्डर अपडेट, अपॉइंटमेंट रिमाइंडर, छोड़ी गई कार्ट की याद दिलाना — तो आपको API की आवश्यकता होगी। भारत में यूटिलिटी संदेशों के लिए Meta की प्रति-संदेश कीमत लगभग ₹0.10–0.30 होती है, और यूटिलिटी टेम्प्लेट आमतौर पर मिनटों से घंटों में स्वीकृत हो जाते हैं। यह प्लगइन इन सबके साथ काम करता है: आपका बटन अभी भी आपके नंबर के साथ चैट खोलता है, और एक Tech Pad खाता (शुरू करने के लिए मुफ्त) किसी भी समय जब आप तैयार हों, जुड़ जाता है।
बटन बदलाए बिना AI चैट में अपग्रेड करें (v1.1.0)
प्लगइन का नाम दिशा दिखाता है — क्लिक करें कृत्रिम बुद्धिमत्ता व्हाट्सएप चैट। संस्करण 1.1.0 एक जोड़ता है AI अपग्रेड शामिल है। फिर सेटिंग्स पेज पर टैब करें (The Tech Pad → Chirpvo Chat बटन → AI में अपग्रेड) जिसमें आगे बढ़ने के दो रास्ते हैं:
- अपना नंबर द टेक पैड से जोड़ें — शुरू करने के लिए मुफ्त। AI आपके विज़िटर्स के सवालों का उनके भाषा में 24/7 जवाब देता है, आपकी साइट और प्रोडक्ट ज्ञान से, और हर चैट एक साझा टीम इनबॉक्स में आती है, जहां आपकी WhatsApp बातचीत भी होती है, आसान मानव हस्तक्षेप के साथ। मुफ्त शुरू करें.
- AI चैट विजेट जोड़ें — साथी Chatvio प्लगइन बबल को एक पूर्ण चैट विंडो में बदल देता है, WhatsApp और वेब चैट को एक ही जगह में लाता है, उन साइटों के लिए जो समृद्ध अनुभव चाहते हैं।
जिस भी तरह से आपका फ़्लोटिंग WhatsApp बटन सेटअप के अनुसार काम करता रहता है — यह अपग्रेड क्षमता जोड़ता है; यह जो लाइव है उसे बदलता नहीं है। अधिकांश साइटें महीनों तक मुफ्त चलती हैं और जब व्यापारिक घंटे के बाद सवाल आने लगते हैं तो टैब ऑन कर देती हैं।
प्लगइन मुफ्त में प्राप्त करें
Chirpvo प्लगइन डाउनलोड और उपयोग करने के लिए मुफ्त है — कोई खाता, कोई API कुंजी, कोई छिपी लागत नहीं। इसे प्राप्त करें प्लगइन पेज (सीधी ज़िप डाउनलोड), या सभी को ब्राउज़ करें The Tech Pad के मुफ्त वर्डप्रेस प्लगइन्सजब आप एक इनबॉक्स से बढ़ने के लिए तैयार हों, तो खोलें The Tech Pad → Chirpvo चैट बटन → AI में अपग्रेड करें प्लगइन में, या सीधे जाएं The Tech Pad — एक साझा टीम इनबॉक्स, AI उत्तर, ऑटोमेशन और एनालिटिक्स, सब मुफ्त में शुरू करने के लिए। तब तक, आपका फ्लोटिंग बटन लाइव है — हर विज़िटर एक क्लिक में बातचीत के लिए तैयार है।