वर्डप्रेसमध्ये व्हॉट्सअॅप चॅट बटण कसे जोडावे (३ मुक्त मार्ग, २०२६)

आपली WordPress साइट लाइव्ह आहे आणि ट्रॅफिक येत आहे — मग नंतर काय? बहुतांश अभ्यागत येतात, वाचतात आणि सहज प्रश्न विचारण्याचा मार्ग न देता निघून जातात. एक WhatsApp चॅट बटण एका दुपारी त्याचे निराकरण करते: एक टॅप आपला नंबर वापरून आपल्या ग्राहकांच्या आधीच वापरलेल्या ॲपमध्ये चॅट उघडते. हा पोस्ट 2026 मध्ये एक चॅट बटण जोडण्यासाठी तीन मुक्त मार्ग दाखवतो — एक साधा wa.me लिंक (ऐच्छिक फ्लोटिंग स्निपेटसह), एक चॅट विजेट प्लगइन, किंवा आपला पेज बिल्डर — आणि प्रत्येकी थांबते कुठे, जेणेकरून आपण WhatsApp Business API वर कधी स्विच करावे हे समजू शकते. The Tech Pad हा Meta च्या अधिकृत Cloud API वर असलेले WhatsApp Business प्लॅटफॉर्म आहे ज्यामध्ये 26 मोफत WordPress कनेक्टर्स आणि सामायिक टीम इनबॉक्स आहे, आणि तो त्या बिंदूतून नेमके स्वीकारतो जिथे चॅट बटणे थांबतात. जेव्हा आपण सुरू करता तेव्हा आपला पहिला महिना मोफत आहे, आणि आपण जे कोणतेही व्यवसाय सूचवता जे साइन अप करतात आणि WhatsApp नंबर कनेक्ट करतात त्यासाठी आपल्याला एक मोफत महिना मिळतो — जास्तीत जास्त 5 अधिक मोफत महिने — एकूण 6 महिने मोफत.

व्हॉट्सअ‍ॅप चॅट बटण प्रत्यक्षात काय करते

चॅट बटण म्हणजे एक दुवा. हिरव्या बब्लच्या मागे दोन पद्धतींपैकी एक URL असतो: https://wa.me/<countrycode><number> किंवा https://api.whatsapp.com/send?phone=<number>. जेव्हा एखादी व्यक्ती त्यावर टॅप करते, त्यांचे डिव्हाइस व्हॉट्सअ‍ॅप उघडते — मोबाइलवर अ‍ॅप किंवा डेस्कटॉप ब्राउझरवर web.whatsapp.com — ज्यामध्ये आपला नंबरसह संभाषण आधीपासून सुरू झालेले असते.

हेच संपूर्ण युक्ती आहे, आणि हे महत्त्वाचे आहे कारण बटण काय करते त्यावर. नाही करा: हे आपल्या साइटवरून काहीही पाठवत नाही. अभ्यागत प्रथम संदेश टाइप करतो, त्यामुळे हे नेहमी इनबाउंड, नेहमी निवडलेले आणि मोफत आहे. संभाषण ग्राहकाच्या स्वतःच्या WhatsApp अॅपमध्ये राहते, आपल्या सर्व्हरवर नाही. कोणताही API, कोणतीही मंजुरी, प्रति संदेश शुल्क नाही.

बटण जोडण्याच्या तीन मार्गांची तुलना

खालील सर्व तीन पद्धती सुरू करण्यासाठी मोफत आहेत. फरक हा आहे की आपल्याला स्थान, लक्ष्यीकरण, आणि ट्रॅकिंगवर किती नियंत्रण हवे आहे.

पद्धत 1: प्लगइन शिवाय wa.me लिंक

फॉर्मेट असा आहे wa.me/<countrycode><number>?text=<urlencoded-message>भारतीय नंबरसाठी, त्यास असे दिसते:

https://wa.me/919876543210?text=Hi%2C%20I%20have%20a%20question

देशाचा कोड वापरा शिवाय + किंवा स्पेसेस — 91 भारतासाठी, 1 यूएससाठी. text पॅरामीटर भेट देणाऱ्याचा पहिला संदेश पूर्व-भरेल; स्पेसेस URL-encoded असणे आवश्यक आहे (%20) आणि विरामचिन्हे देखील (%2C यासाठी कॉमा). जर तुम्ही लिंक JavaScript मध्ये तयार केली, encodeURIComponent() यासाठी हे स्वतःच हाताळते.

ही लिंक तुम्ही जिथे WordPress लिंक स्वीकारतो तिथे कुठेही ठेवू शकता:

• बटण ब्लॉक गुटेनबर्ग संपादकात, wa.me URL शी लिंक केलेले.
• नेव्हिगेशन मेनू आयटम — ते एक सानुकूल लिंक म्हणून जोडा.
• फुटर किंवा साइडबार विड्जेट — एक मजकूर किंवा सानुकूल HTML विड्जेट.
• स्टिकी फ्लोटिंग बटण — खालील स्निपेट Customizer → Additional CSS मध्ये आणि तुमच्या फुटरमध्ये एक सानुकूल HTML विड्जेटमध्ये पेस्ट करा. हे एक बटण सुरक्षित z-index आणि 48px टॅप टार्गेटसह खाली-उजव्या कोपऱ्यात पिन करते, जे मोबाइल थंबसाठी किमान आरामदायी आकार आहे.

<a class="wa-float" href="https://wa.me/919876543210?text=Hi%2C%20I%20have%20a%20question" target="_blank" rel="noopener">Chat on WhatsApp</a>

<style>
.wa-float {
  position: fixed; bottom: 20px; right: 20px; z-index: 9999;
  background: #25D366; color: #ffffff; padding: 12px 20px;
  border-radius: 40px; min-height: 48px; display: inline-flex;
  align-items: center; text-decoration: none; font-weight: 600;
  box-shadow: 0 2px 10px rgba(0,0,0,0.25);
}
.wa-float:hover { background: #1fb457; }
</style>

प्रकाशित करण्यापूर्वी बनवलेला लिंक प्रत्यक्ष फोनवर वापरून पाहा, आणि डेस्कटॉपवरही — जेथे WhatsApp अ‍ॅप इन्स्टॉल केलेले नाही, तेथे wa.me web.whatsapp.com कडे परत जाते, जेपर्यंत पूर्व-भरलेला मजकूर उपलब्ध राहतो तितकाच काम करते. पूर्व-भरलेले संदेश एका ओळीत ठेवा; खूप लांब मजकूर काही उपकरणांवर कापला जातो.

पद्धत 2: चॅट विजेट प्लगइन

जर तुम्हाला CSS न लिहिता डिव्हाइस लक्ष्यीकरण, वेळापत्रक किंवा अनेक एजंटसह फ्लोटिंग बटण हवे असेल, तर एक प्लगइन हे प्रामाणिक शॉर्टकट आहे. यापैकी सर्वांचे मोफत आवृत्त्या आहेत:

• Joinchat (Creame) — हलके आणि फक्त WhatsApp वर लक्ष केंद्रित केलेले; एक ठोस डीफॉल्ट.
• क्लिक टू चॅट (HoliThemes) — मोफत आणि साधे; नंबर, स्थान, आणि काही स्टाइल्स.
• Chaty (Premio) — फक्त WhatsApp नाही तर अनेक चॅनेल्सना सपोर्ट करते; मोफत टियर तसेच पैसेभरलेले प्लॅन्स.
• WP Chat App (NinjaTeam) — फ्लोटिंग बटण प्लस मल्टी-एजंट आणि प्री-फिल्ड मेसेजेस; मोफत आणि पैसेभरलेले.
• Buttonizer — एक सामान्य बटण लाँचर जो तुमच्या WhatsApp बटणासह इतर बटणे होस्ट करू शकतो.
• एलिमेंटर फ्लोटिंग बटन्स — Elementor Pro मधील स्थानिक विजेट जर तुम्ही आधीच त्यासोबत तयार केले असेल.

इन्स्टॉल करा, तुमचा नंबर आंतरराष्ट्रीय फॉर्मॅटमध्ये टाका, स्थिती आणि रंग निवडा, आणि तुम्ही तयार आहात. पेड टिअर्स डिव्हाइस आणि पृष्ठानुसार टार्गेटिंग, चॅट शेड्युलिंग, आणि क्लिक विश्लेषण जोडतात. या प्लगइनमधील कोणतीही तुम्हाला तुमच्या साइटवरून संदेश पाठवू शकत नाहीत — हे त्यांच्यासाठी नसल्याचे आहे, आणि हे दोष नाही; हे विजेट आणि API मधील सीमा आहे.

पद्धत 3: Elementor किंवा Gutenberg ब्लॉक

जर आपण Elementor Pro वापरत असाल, तर Floating Buttons विजेट नैसर्गिकरित्या WhatsApp बटण ठेवते, कोणतेही अतिरिक्त प्लगिन नाही. साध्या Gutenberg मध्ये, Button ब्लॉक wa.me लिंकसह त्याच कामाला व्यापतो — जर तुम्हाला ते चिकटवायचे असेल तरMethod 1 मधील floating CSS सह जोडा. तुमच्या थीममधील शॉर्टकोड किंवा ब्लॉक पॅटर्न functions.php खालील सारख्या लिंक आहे; फक्त प्रश्न असा आहे की तुम्ही ते कुठे ठेवायचे आहे.

जेथे चैट बटणे कार्य करणे थांबवतात

चॅट बटण फक्त इनबाउंडसाठी आहे. ग्राहक क्लिअरआउट करताना ऑर्डर पुष्टीकरण, बुक केलेल्या अपॉइंटमेंटच्या आधी स्मरणपत्र, किंवा दोन तासांनी कार्ट रिकव्हरीसाठी सूचक संदेश पाठवू शकत नाही — कारण तुमच्या साइटवरून कधीही काहीही पाठवले जात नाही. मेटाच्या २४ तासांच्या सेवा विंडोची हाताळणी नाही, टेम्पलेट मंजुरी नाही, आणि शेअर केलेले इनबॉक्स नाही: प्रत्येक चौकशी त्या एका फोनवर येते ज्याचा नंबर लिंकमध्ये आहे, त्यामुळे दुसरा एजंट उत्तर देणे म्हणजे दुसरा नंबर.

हे WhatsApp व्यवसाय API चे काम आहे. २४ तासांच्या विंडोबाहेरील व्यवसाय-प्रारंभित संदेशांसाठी Meta-स्वीकृत टेम्पलेट्स (मार्केटिंग, युटिलिटी, किंवा प्रमाणीकरण श्रेण्या) वापरणे आवश्यक आहे, आणि API त्यांना The Tech Pad सारख्या प्लॅटफॉर्मवरून पाठवते, ज्याचे फ्री WordPress कनेक्टर्स फॉर्म एंट्रीज, बुकिंग्ज, आणि ऑर्डर्स WhatsApp मध्ये स्वयंचलितपणे ढकलतात, तर तुमची टीम एकत्रित इनबॉक्सवरून [/features/inbox/](/features/inbox/) प्रतिसाद देते. यासाठी कोणताही मासिक SaaS शुल्क नाही. कनेक्टरतुम्ही Meta च्या प्रति-संदेश संभाषण शुल्काचे पैसे देता — भारतात युटिलिटी मेसेजसाठी साधारण ₹0.10–0.30, मार्केटिंगसाठी त्याहून सुमारे 2–3 पट जास्त — त्यामुळे Meta चा वर्तमान दर कार्ड तपासा. जर तुम्ही बटण आणि API यामध्ये निर्णय घेण्याचा विचार करत असाल, [हा तुलना लेख](/blog/whatsapp-business-app-vs-api-2026/) हद्द दर्शवतो.

स्टेप बाय स्टेप: तुमचे बटण जोडा, स्टाइल करा आणि तपासा

1. तुमचा नंबर आंतरराष्ट्रीय फॉरमॅटमध्ये लिहा, कोणतेही + किंवा जागा न ठेवता — उदा. 919876543210 भारतासाठी.
2. आपल्या फोनवर प्रथम रॉ लिंक तयार करा आणि तपासा: https://wa.me/919876543210?text=Hi%2C%20I%20have%20a%20question. हे संदेश आधीच भरलेल्या WhatsApp सह उघडले पाहिजे.
3. आपल्या अभ्यागतांना जिथे बटण दिसेल तिथे जोडा: आपल्या हेडलाईनच्या जवळ एक बटण ब्लॉक, एक नेव्हिगेशन मेन्यू आयटम, आणि/किंवा फूटरसाठी विडजेट.
4. स्टिकी आवृत्तीसाठी, फ्लोटिंग HTML कस्टम HTML विडजेटमध्ये पेस्ट करा आणि CSS अतिरिक्त CSS मध्ये पेस्ट करा, नंतर ते मोबाइल व्ह्यू पोर्टमध्ये तपासा.
5. जर तुम्ही त्याऐवजी प्लगइन निवडले, तर ते इंस्टॉल करा, तेच क्रमांक प्रविष्ट करा, स्थान आणि रंग निवडा, आणि जतन करा.
6. GA4 मध्ये क्लिक ट्रॅक करा: लिंकला आयडी द्या (उदा. id="wa-float") आणि एक लहान इव्हेंट लिसनर जोडा, किंवा तुमच्या प्लगइनच्या इन-बिल्ट अ‍ॅनालिटिक्सचा वापर करा.

document.getElementById('wa-float').addEventListener('click', function () {
  gtag('event', 'whatsapp_click');
});

1. प्रकाशित पृष्ठ वास्तविक फोन आणि डेस्कटॉपवर तपासा, आणि पुष्टी करा की पूर्व-भरलेला मजकूर स्वच्छरित्या येतो — कोणतेही %20 चॅट बॉक्समध्ये दिसत नाही.

क्लिकनंतर पाठवण्यासाठी पूर्व-भरलेले संदेश

wa.me text पॅरामीटर अभ्यागताचा पहिला संदेश पूर्व-भरण्यासाठी वापरतो. नंतर आपण पाठवलेल्या फॉलो-अपस — मान्यता, उद्धरण फॉलो-अप — API मधून टेम्पलेट्स म्हणून चालवले जातात, {{1}}, {{2}} शैलीच्या व्हेरिएबल्स वापरून जेणेकरून एक मंजूर टेम्पलेट प्रत्येक ग्राहकावर लागू होईल.

हाय {{1}}, व्हॉट्सअॅपवर संपर्क साधल्याबद्दल धन्यवाद. {{2}} बद्दल तुमचा चौकशी आमच्या टीमकडे आहे — एका कामकाजाच्या तासाच्या आत उत्तर मिळेल.

हाय {{1}}, इथे {{2}} साठी आपण चर्चा केलेली कोटेशन आहे. या आठवड्यात एक थोडी कॉल तुम्हाला निर्णय घेण्यास मदत करेल का?

सामान्य प्रश्न

वर्डप्रेसमध्ये WhatsApp बटण जोडण्यासाठी मला प्लगइनची गरज आहे का? नाही. साधा wa.me लिंक कुठेही कार्य करतो जिथे वर्डप्रेस लिंक स्वीकारते — बटण ब्लॉक, मेनू आयटम, विजेट किंवा थीम टेम्पलेट. प्लगइन फक्त तेव्हा मदत करतो जेव्हा तुम्हाला डिव्हाइस टार्गेटिंग, शेड्यूलिंग किंवा कोड न स्पर्श करता एकाधिक एजंटसह फ्लोटिंग बटण हवे असेल.

व्हॉटसअॅप चॅट बटण मोफत आहे का? हो. क्लिक-टू-चॅट लिंक फ्री आणि अंतहीन आहेत कारण संवाद ग्राहकाच्या स्वतःच्या WhatsApp अॅपमध्ये होतो, आणि फ्री प्लगइन आवृत्त्या मूलभूत गोष्टींचा समावेश करतात. आपण फक्त Meta चे प्रति-संदेश शुल्क देत आहात जेव्हा आपण WhatsApp Business API द्वारे व्यवसाय-प्रारंभिक संदेश पाठवायला सुरुवात करता.

क्लिक-टू-चॅट बटणामुळे माझा नंबर बंद होईल का? नाही — ग्राहकच चॅट सुरू करतो, जे मेटाला हवे आहेत असे वर्तन आहे. बॅन सामान्यतः अनवांछित आउटबाउंड संदेशांमुळे येतात, जे सहसा अनौपचारिक साधनांद्वारे पाठवले जातात. लोकांना तुम्हाला मेसेज करण्यासाठी आमंत्रित करणारा बटण हे निवडलेल्या प्रेक्षकांना तयार करण्याचे सुरक्षित मार्गांपैकी एक आहे.

चॅट बटण आणि WhatsApp बिझनेस API यामध्ये काय फरक आहे? चॅट बटण संभाषण उघडते; ते स्वतः काहीही पाठवू शकत नाही. API स्वयंचलित संदेश पाठवते — ऑर्डर पुष्टीकरणे, बुकिंग स्मरणपत्रे, कार्ट पुनर्प्राप्ती — एकाच वेळी अनेक ग्राहकांना मान्यताप्राप्त टेम्पलेटचा वापर करून, आणि ते आपल्या संपूर्ण टीमसाठी एक सामायिक इनबॉक्स देते उत्तरांसाठी.

अंतिम CTA

चॅट बटण अभ्यागतांना बोलायला लावते; API संभाषण चालू ठेवते बिना कोणीही कॉपी-पेस्ट केल्याशिवाय. टेक पॅड अधिकृत WhatsApp क्लाउड API वर चालते आणि तुम्हाला सामायिक टीम इनबॉक्स, AI कॉपायलट, टेम्प्लेट हब, मोहीम, आणि विश्लेषण देते — तसेच 26 मोफत WordPress कनेक्टर्स (पूर्ण यादी [/plugins/](/plugins/) येथे, किंमती [/pricing](/pricing) येथे). जेव्हा तुम्ही सुरू करता तेव्हा तुमचा पहिला महिना मोफत असतो, आणि प्रत्येक व्यवसाय जो तुम्ही संदर्भित करता आणि जो साइन अप करून WhatsApp नंबर कनेक्ट करतो, तो तुम्हाला एक महिना मोफत मिळतो — आणखी 5 मोफत महिने मिळवू शकता — एकूण 6 महिने मोफत. आजच तुमचे बटण सेट करा, आणि जेव्हा पहिली ऑर्डर सूचना हाताने करणे आवश्यक होते तेव्हा API स्तर जोडा — सुरू करा [/wa/](/wa/).