Ziyaretçilerinize anında ulaşmak istiyorsanız, WhatsApp iletişim butonu harika bir çözümdür. Bu yazıda HTML tabanlı sitelerden WordPress’e kadar farklı altyapılar için WhatsApp butonunu nasıl ekleyeceğinizi detaylı bir şekilde anlatıyoruz.
1. HTML veya PHP Sitesine WhatsApp Butonu Ekleme
Eğer siteniz doğrudan HTML veya PHP tabanlıysa, aşağıdaki adımları izleyin:
Adım 1: Temel WhatsApp Bağlantısı Oluşturun
<a href="https://wa.me/905xxxxxxxxx" target="_blank">
WhatsApp ile Bize Ulaşın
</a>
Not: "905xxxxxxxxx" kısmına kendi telefon numaranızı ülke koduyla yazın. Türkiye için “90” ön ekini unutmayın.
Adım 2: Görsel Buton (İkonlu ve Şık)
<a href="https://wa.me/905xxxxxxxxx" target="_blank" style="position: fixed; bottom: 20px; right: 20px; background-color: #25D366; color: white; border-radius: 50px; padding: 12px 20px; text-decoration: none; font-weight: bold; box-shadow: 0 4px 8px rgba(0,0,0,0.2);">
📱 WhatsApp
</a>
Adım 3: Sayfa Altına Ekleyin
Kodları footer.php dosyasına ya da body etiketinin sonuna ekleyebilirsiniz.
2. WordPress Sitesine WhatsApp Butonu Ekleme
WordPress kullanıcıları için birden fazla yöntem mevcut. Eklenti kullanarak kolayca entegre edebilirsiniz.
Yöntem 1: Eklenti ile (Basit,Önerilen)
Popüler Eklenti: Click to Chat
WordPress Paneline girin → Eklentiler > Yeni Ekle bölümüne tıklayın.
“Click to Chat” eklentisini aratın ve yükleyin.
Ayarlar kısmında telefon numaranızı ve buton tasarımını yapılandırabilirsiniz.
Alternatif Eklentiler:
WP Social Chat (eski adıyla WhatsApp Chat)
Join.chat
Yöntem 2: Manuel Kod Ekleme
Adım 1: Tema Dosyalarına Kod Ekleyin
<a href="https://wa.me/905xxxxxxxxx" target="_blank" style="position: fixed; bottom: 20px; right: 20px; background-color: #25D366; color: white; border-radius: 50px; padding: 12px 20px; text-decoration: none; font-weight: bold;">
📞 Bize WhatsApp'tan Yazın
</a>
Adım 2: footer.php dosyasına bu kodu ekleyin ya da bir özel HTML bloğu içine yapıştırın (Elementor veya Gutenberg kullanıyorsanız).
3. Diğer Altyapılar (Shopify, Wix, Squarespace)
✅ Shopify
Shopify panelinden Online Store > Themes > Customize > Theme Settings > Custom Code bölümüne girin.
WhatsApp buton kodunu buraya ekleyin.
✅ Wix
Wix Editor’da “Add” > “Button” seçin.
Bağlantı kısmına WhatsApp URL’sini ekleyin:
https://wa.me/905xxxxxxxxx
✅ Squarespace
“Settings > Advanced > Code Injection” bölümünden footer kısmına HTML kodu ekleyebilirsiniz.
Kullanıcıların Mesajına Ön Tanımlama için
Ziyaretçiniz linke tıkladığında otomatik mesaj kutusu açılmasını isterseniz.
<a href="https://wa.me/905xxxxxxxxx?text=Merhaba,%20web%20sitenizden%20ulaşıyorum." target="_blank">
WhatsApp ile İletişime Geç
</a>
WhatsApp butonu sayesinde ziyaretçilerinizle hızlı ve etkili iletişim kurabilir, dönüşüm oranınızı artırabilirsiniz. Yukarıdaki yöntemleri uygulayarak dakikalar içinde web sitenize bu fonksiyonu ekleyebilirsiniz.
