WordPress'e WhatsApp Sohbet Butonu Ekleme (3 Ücretsiz Yöntem, 2026)
WordPress siteniz yayında ve trafik akıyor — peki sonra ne olacak? Çoğu ziyaretçi gelir, okur ve bir soru sormanın kolay bir yolu olmadan ayrılır. Bir WhatsApp sohbet düğmesi bunu bir öğleden sonra halleder: tek bir dokunuş, müşterilerinizin zaten kullandığı uygulamada numaranızla bir sohbet başlatır. Bu yazı, 2026 yılında bunu eklemenin üç ücretsiz yolunu gösteriyor — basit bir wa.me bağlantısı (isteğe bağlı yüzen bir snippet ile), bir sohbet widget eklentisi veya sayfa oluşturucunuz — ve her birinin nerede durduğunu, böylece ne zaman WhatsApp Business API’ye geçmeniz gerektiğini bilmenizi sağlar. The Tech Pad, 26 ücretsiz WordPress konektörü ve paylaşılan bir ekip gelen kutusuna sahip, Meta'nın resmi Cloud API’sinde bir WhatsApp Business platformudur ve sohbet düğmelerinin sona erdiği yerde devralır. Başlarken ilk ayınız ücretsizdir ve kaydolup bir WhatsApp numarası bağlayan her işletme için bir ücretsiz ay kazanırsınız — en fazla 5 ek ücretsiz ay — toplamda 6 ay ücretsiz.
WhatsApp sohbet butonunun aslında yaptığı şey
Bir sohbet butonu bir bağlantıdır. Yeşil balonun arkasında iki biçimden birinde bir URL bulunur: https://wa.me/<countrycode><number> veya https://api.whatsapp.com/send?phone=<number>. Bir ziyaretçi buna dokunduğunda, cihazı WhatsApp’ı açar — mobilde uygulamayı veya uygulama olmayan bir masaüstü tarayıcıda web.whatsapp.com’u — ve numaranızla bir konuşma zaten başlatılmış olur.
İşte bütün hile bu ve bu, bir butonun ne yaptığıyla ilgilidir poslamıyoruz yap: sitenizden hiçbir şey göndermez. Ziyaretçi ilk mesajı yazıyor, yani her zaman gelen, her zaman izinli ve ücretsizdir. Konuşma müşterinin kendi WhatsApp uygulamasında yaşar, sunucunuzda değil. API yok, onay yok, mesaj başına ücret yok.
Bir düğme eklemenin üç yolu: karşılaştırıldı
Aşağıdaki üç yöntem de başlamak için ücretsizdir. Farklar, yerleştirme, hedefleme ve izleme üzerinde ne kadar kontrole sahip olmak istediğinizle ilgilidir.
| Yöntem | Kurulum süresi | Eklenti gerekli mi? | Yüzer mi? | Cihaz hedefleme | Tıklama takibi | Maliyet |
|---|---|---|---|---|---|---|
| wa.me linki (Buton bloğu, menü, widget) | ~5 dakika | Hayır | Sadece özel CSS ile | Hayır | Manuel (GA4 etkinliği) | Ücretsiz |
| Sohbet widget eklentisi (Joinchat, Chaty, WP Chat App) | 10–15 dakika | Evet | Evet | Genellikle dahil | Genellikle dahili | Ücretsiz katman; ekstralar için ücretli |
| Elementor Yüzen Butonlar / Gutenberg bloğu | ~10 dakika | Hayır (yapıcı) | Evet (Elementor) | Kısmi | Manuel (GA4 etkinliği) | Ücretsiz |
Yöntem 1: Eklentisiz bir wa.me bağlantısı
Format şu şekildedir wa.me/<countrycode><number>?text=<urlencoded-message>. Hint numarası için, bu şekilde görünür:
https://wa.me/919876543210?text=Hi%2C%20I%20have%20a%20question
Ülke kodunu kullanmadan + veya boşluklar — 91 Hindistan için, 1 ABD için. The text parametre, ziyaretçinin ilk mesajını önceden doldurur; boşluklar URL kodlamalı olmalıdır (%20) ve noktalama işaretleri de (%2C bir virgül için). Eğer bağlantıyı JavaScript'te oluşturursanız, encodeURIComponent() bunu sizin için halleder.
Bu bağlantıyı WordPress'in bağlantı kabul ettiği herhangi bir yere koyabilirsiniz:
- Buton bloğu Gutenberg editöründe, wa.me URL'sine bağlanmış.
- Navigasyon menü öğesi — Bunu Özel Bağlantı olarak ekleyin.
- Altbilgi veya yan panel widget'ı — Bir metin veya özel HTML widget'ı.
- Sabit kayan buton — Aşağıdaki kodu Özelleştirici → Ek CSS ve altbilginize bir Özel HTML widget'ına yapıştırın. Bu, butonu alt sağ köşeye güvenli bir z-index ile ve 48px dokunma hedefiyle sabitler, bu mobil başparmaklar için minimum rahat boyuttur.
<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>
Yayınlamadan önce bitmiş bağlantıyı gerçek bir telefonda ve ayrıca WhatsApp uygulaması yüklü olmayan bir masaüstünde test edin — wa.me, önceden doldurulmuş metin korunabildiği sürece web.whatsapp.com’a yönlendirir. Önceden doldurulmuş mesajları tek satırla sınırlayın; çok uzun metin bazı cihazlarda kesilir.
Yöntem 2: bir sohbet widget eklentisi
Cihaz hedefleme, planlama veya birden fazla ajan ile kayan bir buton istiyorsanız ve CSS yazmak istemiyorsanız, bir eklenti en doğru kestirme yoldur. Bunların tümünün ücretsiz sürümleri vardır:
- Joinchat (Creame) — hafif ve yalnızca WhatsApp’a odaklanmış; sağlam bir varsayılan.
- Click to Chat (HoliThemes) — ücretsiz ve basit; numara, konum ve birkaç stil.
- Chaty (Premio) — sadece WhatsApp değil, birçok kanalı destekler; ücretsiz katman ve ücretli planlar.
- WP Chat App (NinjaTeam) — kayan buton artı çoklu ajan ve önceden doldurulmuş mesajlar; ücretsiz ve ücretli.
- Buttonizer — WhatsApp butonunuzu diğerleriyle birlikte barındırabilecek genel bir buton başlatıcı.
- Elementor Yüzen Düğmeler — Zaten Elementor Pro ile oluşturduysanız yerel widget.
Kurun, numaranızı uluslararası formatta girin, konum ve rengi seçin ve işiniz bitti. Ücretli katmanlar cihaz ve sayfa bazlı hedefleme, sohbet zamanlama ve tıklama analitiği ekler. Bu eklentilerin hiçbiri sitenizden mesaj gönderemez — bunun için değillerdir ve bu bir kusur değildir; widget ile API arasındaki sınırdır.
Yöntem 3: Elementor veya bir Gutenberg bloğu
Eğer Elementor Pro kullanıyorsanız, Floating Buttons widget'ı WhatsApp butonunu yerel olarak ekler, ekstra eklenti gerektirmez. Saf Gutenberg'de, wa.me linki ile Button bloğu aynı işi görür — eğer yapışkan olmasını istiyorsanız Method 1'deki floating CSS ile eşleştirin. Tema içindeki bir shortcode veya blok deseni functions.php ayrı bağlantı aynı; tek soru nerede tutmak istediğinizdir.
Sohbet butonlarının çalışmayı durdurduğu yerde
Bir sohbet düğmesi sadece gelen yönlüdür. Bir müşteri ödeme yaptığında sipariş onayı gönderemez, rezervasyonlu bir randevudan önce hatırlatma yapamaz veya terk edilmiş bir sepetin iki saat sonrasında uyarı veremez — çünkü sitenizden hiçbir şey gönderilmez. Meta'nın 24 saatlik servis penceresiyle ilgili herhangi bir işlem yoktur, şablon onayı yoktur ve paylaşılan bir gelen kutusu yoktur: her sorgu, bağlantıda bulunan tek telefon numarasına gelir, bu nedenle ikinci bir temsilcinin yanıt vermesi ikinci bir numara anlamına gelir.
Bu, WhatsApp Business API'nin görevidir. 24 saatlik pencerenin dışındaki işletme başlatılı mesajlar, Meta onaylı şablonları (pazarlama, kullanım veya doğrulama kategorileri) kullanmak zorundadır ve API, bunları The Tech Pad gibi bir platformdan gönderir; bu platformun ücretsiz WordPress bağlayıcıları, form girişlerini, rezervasyonları ve siparişleri otomatik olarak WhatsApp'a aktarırken ekibiniz [/features/inbox/](/features/inbox/) adresindeki tek bir paylaşılan gelen kutusundan yanıt verir. Bunun için aylık bir SaaS ücreti yoktur. Bağlayıcıs; Meta'nın mesaj başına konuşma ücretlerini ödersiniz — Hindistan'da faydalı mesajlar için yaklaşık ₹0,10–0,30, pazarlama mesajları ise bunun yaklaşık 2–3 katı — bu yüzden Meta'nın güncel fiyat listesine bakın. Bir düğme ile API arasında karar veriyorsanız, [bu karşılaştırma](/blog/whatsapp-business-app-vs-api-2026/) sınırları ortaya koyuyor.
Adım adım: butonunuzu ekleyin, stil verin ve test edin
- Numaranızı uluslararası formatta yazın
+veya boşluklar — örn.919876543210Hindistan için. - Öncelikle ham bağlantıyı telefonunuzda oluşturun ve test edin:
https://wa.me/919876543210?text=Hi%2C%20I%20have%20a%20question. Bu, mesajın önceden doldurulmuş olduğu WhatsApp'ı açmalıdır. - Ziyaretçilerinizin göreceği yere butonu ekleyin: başlığınıza yakın bir Buton bloğu, bir gezinme menüsü öğesi ve/veya altbilgi (footer) widget'ı.
- Sabit (sticky) bir versiyon için, kayan HTML'i Özel HTML (Custom HTML) widget'ına, CSS'i Ekstra CSS (Additional CSS) bölümüne yapıştırın, ardından mobil görünümde kontrol edin.
- Bunun yerine bir eklenti seçtiyseniz, onu yükleyin, aynı numarayı girin, konumu ve renkleri seçin ve kaydedin.
- GA4'te tıklamaları izleyin: bağlantıya bir id verin (ör.
id="wa-float") ve küçük bir olay dinleyicisi ekleyin veya eklentinizin yerleşik analiz aracını kullanın.
document.getElementById('wa-float').addEventListener('click', function () {
gtag('event', 'whatsapp_click');
});
- Yayımlanan sayfayı gerçek bir telefonda ve masaüstünde test edin ve önceden doldurulmuş metnin temiz bir şekilde ulaştığını doğrulayın — hayır
%20sohbet kutusunda görülebilir.
Tıklamadan sonra gönderilecek önceden doldurulmuş mesajlar
wa.me text parametre, ziyaretçinin ilk mesajını önceden doldurur. Daha sonra gönderdiğiniz takipler — onaylar, teklif takipleri — API üzerinden şablon olarak çalışır, {{1}}, {{2}} stil değişkenlerini kullanır, böylece onaylanmış bir şablon her müşteri için uygundur.
| Amaç | Örnek değişkenler | Ne zaman gönderileceği |
|---|---|---|
| Soruşturma onayı | {{1}} isim, {{2}} ürün/hizmet | Tıklamadan birkaç dakika içinde |
| Teklif takibi | {{1}} isim, {{2}} teklif referansı | İlk yanıttan bir gün sonra |
"Merhaba {{1}}, WhatsApp üzerinden ulaştığınız için teşekkürler. {{2}} ile ilgili sorunuz ekibimizde — bir iş saati içinde yanıt bekleyebilirsiniz."
"Merhaba {{1}}, {{2}} için konuştuğumuz teklif burada. Bu hafta kısa bir görüşme, karar vermenize yardımcı olur mu?"
SSS
WordPress'e WhatsApp butonu eklemek için bir eklentiye ihtiyacım var mı? Hayır. Basit bir wa.me bağlantısı, WordPress'in bağlantı kabul ettiği her yerde çalışır — bir Buton bloğu, bir menü öğesi, bir widget veya bir tema şablonu. Eklenti, sadece cihaz hedefleme, zamanlama veya birden fazla kullanıcıyla kayan bir buton istiyorsanız ve kodla uğraşmak istemiyorsanız yardımcı olur.
WhatsApp sohbet butonu ücretsiz mi? Evet. Tıkla- Sohbet bağlantıları ücretsiz ve sınırsızdır çünkü konuşma müşterinin kendi WhatsApp uygulamasında gerçekleşir ve ücretsiz eklenti sürümleri temel ihtiyaçları kapsar. Yalnızca WhatsApp Business API üzerinden işletme başlatmalı mesajlar göndermeye başladığınızda Meta'nın mesaj başına ücretlerini ödersiniz.
Bir tıkla-sohbet düğmesi numaramın yasaklanmasına neden olur mu? Hayır — müşteri sohbeti başlatır, ki bu Meta'nın istediği davranış şeklidir. Yasaklar genellikle resmi olmayan araçlar aracılığıyla gönderilen istenmeyen toplu mesajlardan kaynaklanır. İnsanları size mesaj atmaya davet eden bir düğme, gönüllü bir kitle oluşturmanın en güvenli yollarından biridir.
Bir sohbet düğmesi ile WhatsApp Business API arasındaki fark nedir? Bir sohbet düğmesi bir konuşmayı başlatır; kendi başına hiçbir şey gönderecek kapasitede değildir. API, onaylanmış şablonları kullanarak çok sayıda müşteriye aynı anda otomatik mesajlar — sipariş onayları, rezervasyon hatırlatmaları, sepet kurtarma — gönderir ve tüm ekibinize yanıtlar için paylaşılan bir gelen kutusu sağlar.
Son CTA
Bir sohbet butonu ziyaretçilerin konuşmasını sağlar; API, kimsenin kopyala-yapıştır yapmasına gerek kalmadan konuşmanın devam etmesini sağlar. The Tech Pad, resmi WhatsApp Cloud API üzerinde çalışır ve size paylaşılan bir ekip gelen kutusu, AI Copilot, Şablon merkezi, kampanyalar ve analizler sunar — ayrıca 26 ücretsiz WordPress bağlayıcısı (tam liste için [/plugins/](/plugins/), fiyatlandırma için [/pricing](/pricing)). Başladığınızda ilk ayınız ücretsizdir ve kaydolup bir WhatsApp numarası bağlayan her işletme için bir ücretsiz ay kazanırsınız — en fazla 5 ek ücretsiz ay — toplamda 6 ay ücretsiz. Butonunuzu bugün kurun ve ilk sipariş bildirimi manuel bir iş haline geldiğinde API katmanını ekleyin — [/wa/](/wa/) üzerinden başlayın.