0850 309 66 02
Rehber · Rehber

Web Sitesine WhatsApp Butonu Nasıl Eklenir? (Kod Örneğiyle)

Sitenize gelen ziyaretçinin sorusu varsa ve sorması zorsa, cevabı beklemez: çıkar gider. WhatsApp butonu bu eşiği sıfıra indirir — tek dokunuşla, müşterinin zaten kullandığı uygulamada sohbet başlar. Bu rehberde basit buton kodundan, butonu gerçek bir destek sistemine dönüştürmeye kadar her adım var.

Kısaca
  • En basit yol: wa.me linki ile sabit bir buton. 5 dakikada eklenir.
  • Linke hazır mesaj parametresi eklerseniz müşteri tek dokunuşla yazmaya başlar.
  • Buton yeterli değildir: gelen mesajları kim, nasıl yanıtlayacak sorusunun cevabı panelde.
  • Alternatif: WhatsApp'a gitmeden sitede açılan canlı destek widget'ı — ikisi birlikte de kullanılır.

WhatsApp'ın resmî kısa linki şöyle kurulur: https://wa.me/90XXXXXXXXXX — numara, ülke koduyla ve başında + olmadan yazılır. Hazır mesaj eklemek için ?text= parametresi kullanılır:

https://wa.me/905XXXXXXXXX?text=Merhaba%2C%20ürün%20hakkında%20bilgi%20almak%20istiyorum

Boşluklar ve özel karakterler URL kodlamasıyla (%20 gibi) yazılır. Hazır mesaj, müşterinin ilk cümle yazma eşiğini kaldırdığı için dönüşümü gözle görülür biçimde artırır.

Hazır buton kodu

Aşağıdaki kodu sitenizin </body> etiketinden hemen önce yapıştırın; sağ altta sabit bir WhatsApp butonu belirir:

<a href="https://wa.me/905XXXXXXXXX?text=Merhaba" target="_blank" rel="noopener"
   style="position:fixed;right:20px;bottom:20px;z-index:999;width:56px;height:56px;
   border-radius:50%;background:#25D366;display:flex;align-items:center;
   justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.25)" aria-label="WhatsApp ile yazın">
  <svg width="30" height="30" viewBox="0 0 24 24" fill="#fff"><path d="M12 2a10 10 0 0 0-8.4 15.4L2 22l4.7-1.5A10 10 0 1 0 12 2Zm5.3 14.2c-.2.6-1.2 1.2-1.7 1.2-.4.1-1 .1-1.6-.1a13 13 0 0 1-5.8-5.1c-.7-1.2-1.1-2.4-.9-3 .1-.6.8-1.4 1.3-1.5h.8c.2 0 .4 0 .6.5l.8 2c.1.2.1.4 0 .6l-.5.7c-.1.2-.2.4 0 .7a9 9 0 0 0 3.8 3.4c.3.1.5.1.6-.1l.8-.9c.2-.3.4-.3.7-.2l2 1c.3.2.5.3.6.4 0 .2 0 .8-.2 1.4Z"/></svg>
</a>

WordPress ve e-ticaret altyapıları

  • WordPress: Tema özelleştiricide “Ek CSS/JS” ya da bir snippet eklentisiyle yukarıdaki kodu ekleyin; eklenti kurmanız şart değildir.
  • Ticimax, T-Soft, İkas, ideasoft gibi altyapılar: Yönetim panelindeki “özel kod / script alanı” bölümüne yapıştırın.
  • Google Ads kullanıyorsanız: Butona tıklamayı dönüşüm olarak işaretleyin; hangi kampanyanın WhatsApp sohbeti getirdiğini görürsünüz.

Buton sonrası: mesajları yönetmek

Buton işin kolay kısmıdır; asıl soru mesajlar çoğalınca başlar. Tek telefonda biriken sohbetler, yanıtsız kalan geceler, “kim döndü, kim dönmedi” karmaşası… Butonu Mesajilet'e bağlı bir numarayla kullanırsanız: mesajlar panele düşer, temsilcilere atanır, yapay zekâ asistan tekrar eden soruları anında yanıtlar, tümü raporlanır.

Widget mi, buton mu?

WhatsApp butonu müşteriyi WhatsApp uygulamasına götürür; web canlı destek widget'ı ise sohbeti sitenin içinde açar. WhatsApp kullanmayan ya da uygulamaya geçmek istemeyen ziyaretçiler için widget daha akıcıdır. En iyi sonuç genellikle ikisinin birlikte sunulmasıdır — ikisi de aynı panele düştüğü için ekip tarafında hiçbir şey değişmez.

Sık sorulan sorular

WhatsApp butonu eklemek ücretsiz mi?

Evet; wa.me linki ve yukarıdaki buton kodu tamamen ücretsizdir. Panel, mesaj trafiğiniz arttığında yönetim için devreye girer.

wa.me linkine hazır mesaj nasıl eklenir?

Linkin sonuna ?text= parametresiyle URL kodlanmış metin eklenir: wa.me/905XXXXXXXXX?text=Merhaba%20bilgi%20almak%20istiyorum gibi.

Buton hangi numaraya bağlanmalı?

İşletmenizin WhatsApp Business numarasına. Numara Mesajilet'e bağlıysa butondan gelen her sohbet panele düşer; temsilci ataması ve yapay zekâ yanıtı otomatik işler.

WordPress'te eklenti kurmak şart mı?

Hayır. Buton kodunu tema özelleştiricideki kod alanına ya da bir snippet bölümüne yapıştırmanız yeterli.

Sitede WhatsApp'a gitmeyen canlı destek de olur mu?

Evet. Web canlı destek widget'ı sohbeti sitenin içinde açar; WhatsApp butonuyla birlikte kullanılabilir ve ikisi de aynı gelen kutusuna düşer.

Butonu ekleyin, gerisini panel yönetsin.

Numaranızı bağlayın; butondan gelen her sohbet atansın, yanıtlansın, raporlansın.

İlgili sayfalar

Hemen Ara WhatsApp