WordPress માં WhatsApp ચેટ બટન કેવી રીતે ઉમેરવું (૩ મફત રીતો, ૨૦૨૬)

તમારી વર્ડપ્રેસ સાઇટ લાઈવ છે અને ટ્રાફિક આવી રહ્યો છે — અને પછી શું? વધુ મોસ્ટ વિઝિટર્સ લેન્ડ કરે છે, વાંચે છે અને વિના કોઈ સરળ રીતના પ્રશ્ન પૂછ્યા વિના નિકળે છે. એક WhatsApp ચેટ બટન તેએ એક દપઅમાત્ર સમાધાન કરે છે: એક ટૅપ તમારા નંબર સાથે ચેટ ખોલે છે જે એપમાં તમારા ગ્રાહક પહેલેથી જ ઉપયોગ કરે છે. આ પોસ્ટ 2026 માં તે ઉમેરવાના ત્રણ મુક્ત માર્ગ દર્શાવે છે — એક સરળ wa.me લિંક (વૈકલ્પિક ફ્લોટિંગ સ્નિપેટ સાથે), ચેટ વિજેટ પ્લગઇન, અથવા તમારી પેજ બિલ્ડર — અને તે દરેક ક્યાં રોકાય છે તે બતાવે છે, જેથી તમે જાણો કે ક્યારે WhatsApp બિઝનેસ API પર સ્વીચ કરવું જોઈએ. ટેક પૅડ એ મેટાના અધિકૃત ક્લાઉડ API પર WhatsApp બિઝનેસ પ્લેટફૉર્મ છે જેમાં 26 મફત વર્ડપ્રેસ કનેક્ટર્સ અને એક શેર કરેલું ટીમ ઇનબૉક્સ છે, અને તે ચોક્કસ રીતે ત્યારે સંભાળે છે જ્યારે ચેટ બટન્સ બંધ થાય છે. જ્યારે તમે શરૂ કરો ત્યારે તમારો પહેલો મહિનો મફત છે, અને દરેક બિઝનેસ માટે જે તમે રેફર કરો અને જે WhatsApp નંબર સાથે સાઇન અપ કરે છે, તે આપને એક મફત મહિનો આપે છે — વધુમાં વધુ 5 મફત મહિના — કુલ 6 મહિના મફત.

WhatsApp ચેટ બટન ખરેખર શું કરે છે

એક ચેટ બટન એક લિંક છે. લીલા બબલની પાછળ બે આકારોમાંની કોઈ એક રીતે URL હોય છે: https://wa.me/<countrycode><number> અથવા https://api.whatsapp.com/send?phone=<number>જ્યારે મુલાકાતી તેને ટૅપ કરે છે, ત્યારે તેમના ડિવાઇસ પર WhatsApp ખૂલે છે — મોબાઈલ પર એપ, અથવા ડેસ્કટોપ બ્રાઉઝરમાં web.whatsapp.com (એપ સિવાય) — અને તમારું નંબર સાથે વાતચીત પહેલેથી શરૂ થાય છે.

એ જ આખું ટ્રીક છે, અને એ મહત્વનું છે કારણ કે બટન શું કરે છે. નથી કરો: તે તમારી સાઇટ પરથી કશું મોકલતો નથી. મુલાકાતી પ્રથમ સંદેશ ટાઈપ કરે છે, તેથી તે હંમેશા આવકવાળો છે, હંમેશા પસંદગીએ જોડાયેલ છે, અને મફત છે. સંવાદ ગ્રાહકના પોતાના વોટ્સએપ એપમાં રહે છે, તમારી સર્વર પર નહીં. કોઈ 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-એન્કોડ કરવી જ જરૂરી છે (%20) અને વિરામચિહ્નો પણ (%2C કોઇ મા માટે). જો તમે જાવાસ્ક્રિપ્ટમાં લિંક બનાવો, encodeURIComponent() આ તમારા માટે આ સંભાળી લે છે.

તમે આ લિંક જે છીએ ત્યાં પણ મૂકી શકો છો જ્યાં વર્ડપ્રેસ લિંક સ્વીકારશે:

• બટન બ્લોક ગુટેનબર્ગ એડિટરમાં, wa.me URL સાથે લિંક કરેલું.
• નેવિગેશન મેનુ આઇટમ — તેને કસ્ટમ લિંક તરીકે ઉમેરો.
• ફૂટર અથવા સાઇડબાર વિજેટ — એક ટેક્સ્ટ અથવા કસ્ટમ HTML વિજેટ.
• સ્ટિકી ફ્લોટિંગ બટન — નીચે આપેલ સ્નિપેટ કસ્ટમાઈઝર → એક્સટ્રા CSS અને ફૂટરમાં કસ્ટમ HTML વિજેટમાં પેસ્ટ કરો. તે બટનને નીચે-જમણો ખૂણામાં પિન કરે છે, સલામત z-ઇન્ડેક્સ સાથે અને 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 (ક્રિમ) — હલકું અને સંપૂર્ણ રીતે WhatsApp પર કેન્દ્રિત; મજબૂત ડિફોલ્ટ.
• ક્લિક ટુ ચેટ (હોલીધિમ્સ) — ફ્રી અને સરળ; નંબર, સ્થાન, અને થોડા સ્ટાઇલ્સ.
• Chaty (પ્રેમિયો) — માત્ર WhatsApp નહીં પરંતુ ઘણા ચેનલ્સને સપોર્ટ કરે છે; ફ્રી ટિયર સાથે ચૂકલાપાત્ર પ્લાન્સ.
• WP ચેટ એપ (નિન્જા ટિમ) — ફ્લોટિંગ બટન ઉપરાંત મલ્ટી-એજન્ટ અને પ્રિ-ફિલ્ડ મેસેજીસ; ફ્રી અને પેઇડ.
• Buttonizer — એક સામાન્ય બટન લાન્ચર જે બીજાં બટનોની સાથે તમારું WhatsApp બટન હોસ્ટ કરી શકે છે.
• એલિમેન્ટોર ફ્લોટિંગ બટન્સ — Elementor Pro માં નેટિવ વિજેટ જો તમે પહેલેથી જ તેની સાથે બાંધેલ હોય.

ઇન્સ્ટોલ કરો, આંતરરાષ્ટ્રીય ફોર્મેટમાં તમારો નંબર દાખલ કરો, સ્થાન અને રંગ પસંદ કરો, અને તમારું કામ પૂરું થયું. ચૂકવણી Tier-માં ઉપકરણ અને પૃષ્ઠ દ્વારા લક્ષ્ય નિર્ધારણ, ચેટ સમયસૂચી, અને ક્લિક વિશ્લેષણ સામેલ છે. કોઈપણ પ્લગઇન તમારી સાઇટથી સંદેશો મોકલી શકતું નથી — તે માટેની નથી, અને આ ખામી નથી; આ વિજેટ્સ અને API વચ્ચેની સીમા છે.

પદ્ધતિ ૩: એલિમેન્ટર અથવા ગૂટેંબરગ બ્લોક

જો તમે એલિમેન્ટર પ્રો વાપરો છો, તો ફ્લોટિંગ બટન્સ વિજેટ સ્વાભાવિક રીતે વોટ્સએપ બટન મૂકે છે, કોઈ વધારાનું પ્લગઇન જરૂરી નથી. સરળ ગૂટેંબરગમાં, વા.me લિંસ સાથેનું બટન બ્લોક એ જ કામ કરે છે — જો તમે તેને સ્થિર રાખવા માંગતા હોય તો પદ્ધતિ ૧ ની ફ્લોટિંગ CSS સાથે જોડો. તમારી થીમના શોર્ટકોડ અથવા બ્લોક પેટર્નમાં functions.php સમાન લિંક નીચે છે; એકમાત્ર પ્રશ્ન એ છે કે તમે તેને ક્યાં જાળવવા માંગો છો.

જ્યાં ચેટ બટન્સ કામ કરવાનું બંધ કરે છે

એક ચેટ બટન ફક્ત ઇનબાઉન્ડ છે. ગ્રાહક ચેકઆઉટ કરતી વખતે ઓર્ડર પુષ્ટિ મોકલી શકતું નથી, બુક કરાયેલ એપોઈન્ટમેન્ટ પહેલાં રિમાઇન્ડર મોકલી શકતું નથી અથવા પરित्यાગ પછી બે કલાકમાં કાર્ટ-પુનઃપ્રાપ્તિ સૂચન મોકલી શકતું નથી — કારણ કે તમારી સાઇટમાંથી કશું પણ ક્યારેય મોકલાતું નથી. મેટાના 24-કલાકની સર્વિસ વિન્ડોના કોઈ હેન્ડલિંગ નથી, કોઈ ટેમ્પલેટ મંજુરી નથી અને કોઈ શેર થયેલ ઈનબોક્સ નથી: દરેક પૂછપરછ તે એક ફોન પર જાય છે જેના નંબર લિંંકમાં છે, એટલે કે બીજો એજન્ટ જવાબ આપે તો તેનો અર્થ બીજા નંબરનો થાય છે.

એ વોટ્સએપ બિઝનેસ એપી.આઇનો કામ છે. 24 કલાકની વિન્ડોને બીજું બિઝનેસ શરુ કરેલી મેસેજ માટે મેટા-મંજૂર કરાયેલા ટેમ્પ્લેટ (માર્કેટિંગ, યુટિલિટી, અથવા ઓથેન્ટિકેશન કેટેગરીઝ) નો ઉપયોગ કરવો જરૂરી છે, અને એપી.આઇ તે મેસેજેસ તેવા પ્લેટફોર્મથી મોકલે છે જેમ કે The Tech Pad, જેના ફ્રી વર્ડપ્રેસ કનેક્ટર્સ ફોર્મ એન્ટ્રીઝ, બુકિંગ્સ અને ઓર્ડર્સને આપમેળે વોટ્સએપમાં ધકી આપે છે જ્યારે તમારી ટીમ એક શેર કરેલા ઈનબોક્સ [/features/inbox/](/features/inbox/) માંથી જવાબ આપે છે. માટે કોઈ માસિક સાસ ફી નથી. કનેક્ટરએમેટેાની પ્રતિ-સંદેશ સંવાદ ફી તમે ચૂકવશો — ભારતમાં યુટિલિટી સંદેશાઓ માટે અંદાજે ₹0.10–0.30, મარკેટિંગ માટે લગભગ તેનાથી 2–3 ગુણું વધારે — તેથી એમેટાની હાલની દર કાર્ડ તપાસો. જો તમે બટન અને 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 આપો (ઉદાહરણ તરીકે id="wa-float") અને એક નાનું ઇવેન્ટ લિસ્ટનર ઉમેરો, અથવા તમારા પ્લગઇનની બિલ્ટ-ઇન વિશ્લેષણનો ઉપયોગ કરો.

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

1. વાસ્તવિક ફોન અને ડેસ્કટોપ પર પ્રકાશિત પૃષ્ઠનું પરીક્ષણ કરો, અને પુષ્ટિ કરો કે પૂર્વ-ભરેલ લખાણ સ્વચ્છ રીતે પહોંચે — કોઈ %20 ચેટ બોક્સમાં દેખાશે નહીં.

ક્લિક પછી મોકલવા માટેના પૂર્વ-ભરેલ સંદેશા

wa.me text પેરામીટર વિઝિટરના પ્રથમ સંદેશને પૂર્વભરાવે છે. તમે જે અનુસરણ સંદેશા મોકલો છો — માન્યતાઓ, કોટ ફોલોઅપ્સ — એ ઓટોમેટિક રીતે API દ્વારા ટેમ્પલેટ તરીકે ચલાવવામાં આવે છે, {{1}}, {{2}} સ્ટાઇલ વેરિબલ્સ વાપરીને જેથી એક મંજૂર કરાયેલ ટેમ્પલેટ દરેક ગ્રાહક માટે યોગ્ય હોય.

"હાય {{1}}, WhatsApp પર સંપર્ક કરવા બદલ આભાર. {{2}} વિશે તમારી પૂછપરછ અમારી ટીમ પાસે છે — એક કાર્ય કલાકની અંદર જવાબની અપેક્ષા રાખો."

"હાય {{1}}, અહીં તે ક્વોટ છે જે વિશે અમે {{2}} માટે ચર્ચા કરી હતી. શું આ અઠવાડિયે એક નોનકોલ તમને નિર્ણય લેવા માટે મદદ કરશે?"

વારંવાર પૂછાતા પ્રશ્નો

વર્ડપ્રેસમાં વોટ્સએપ બટન ઉમેરવા માટે મને પ્લગઇનની જરૂર છે? નહીં. એક સરળ wa.me લિંક કોઈપણ જગ્યાએ કાર્ય કરે જ્યાં વર્ડપ્રેસ લિંક સ્વીકારે છે — બટન બ્લોક, મેનૂ આઇટમ, વિજેટ અથવા થિમ ટેમ્પલેટ. પ્લગઇન માત્ર ત્યારે મદદ કરે છે જ્યારે તમે ડિવાઇસ ટાર્ગેટિંગ, શેડ્યૂલિંગ અથવા કોડ સ્પર્શ્યા વગર متعدد એજન્ટ્સ સાથે ફ્લોટિંગ બટન চান.

WhatsApp ચેટ બટન મફત છે? હા. ક્લિક-ટૂ-ચેટ લિંક્સ મફત અને અનિયમિત છે કારણ કે સંવાદ ગ્રાહકના પોતાના WhatsApp એપમાં થાય છે, અને મફત પ્લગઇન વર્ઝન બેઝિક્સનો આવરણ આપે છે. તમે માત્ર ત્યારે મેટાના પ્રતિ-સંદેશ ફીનીચું ચૂકતા હો જ્યારે તમે WhatsApp બિઝનેસ API મારફતે બિઝનેસ-આરંભિત સંદેશાઓ મોકલવાનું શરૂ કરો.

શું ક્લિક-ટુ-ચેટ બટન મારા નંબરને પ્રતિબંધિત કરશે? ના — ગ્રાહક ચેટ શરૂ કરે છે, જે મેટા ઈચ્છે છે તે જ વર્તન છે. પ્રતિબંધો અનિચ્છનીય આઉટબાઉન્ડ બ્લાસ્ટ્સમાંથી આવે છે, જે સામાન્ય રીતે અસત્તાવાર સાધનો દ્વારા મોકલવામાં આવે છે. લોકોকে તમને મેસેજ કરવા આમંત્રિત કરતો બટન એક પસંદગીযুক্ত પ્રેક્ષક બનાવવા માટેનો સૌથી સુરક્ષિત માર્ગોમાંનો એક છે.

ચેટ બટન અને વોટ્સએપ બિઝનેસ API વચ્ચે શું ફરક છે? ચેટ બટન સંવાદ ખોલે છે; તે પોતે કંઈ પણ મોકલી શકતું નથી. API સ્વચાલિત સંદેશા મોકલે છે — ઓર્ડર પુષ્ટિ, બુકિંગ યાદ અપાવવું, carrito રિકવર કરવું — ઘણા ગ્રાહકોને એકસાથે મંજૂર કરાયેલા ટેમ્પલેટ્સનો ઉપયોગ કરીને, અને તે તમારી સમગ્ર ટીમને જવાબ માટે એક શેર કરેલી ઇનબોક્સ પૂરી પાડે છે.

અંતિમ CTA

એક ચેટ બટન મુલાકાતીઓને વાતચીત કરાવેછે; API કોઈને પણ નકલાક કરીને પેસ્ટ કર્યા વિના સંવાદ ચાલુ રાખે છે. ટેક પેડ અધિકારીક વોટ્સઅપ ક્લાઉડ API પર ચાલે છે અને તમને એક શેર કરાયેલ ટીમ ઇનબોક્સ, AI કોપાયલટ, એક ટેમ્પ્લેટ હબ, અભિયાન અને એનાલિટિક્સ આપે છે — ઉપરાંત 26 મફત વર્ડપ્રેસ કનેક્ટર્સ (પૂરું લિસ્ટ [/plugins/](/plugins/) પર અને કિંમતો [/pricing/](/pricing/) પર). જ્યારે તમે શરુઆત કરો ત્યારે તમારો પ્રથમ મહિનો મફત છે, અને દરેક બિઝનેસ જે તમે સેન અપ કરવા માટે રેફર કરો અને એક વોટ્સઅપ નંબર જોડે છે તે તમને એક મફત મહિનો આપે છે — વધુમાં વધુ 5 મફત મહિના — કુલ 6 મહિના મફત. આજે તમારું બટન સેટ કરો, અને API લેયર ઉમેરો જ્યારે પ્રથમ ઑર્ડર સૂચના હાથથી કરવું પડતું થાય — શરુઆત કરો [/wa/](/wa/) પર.