WordPress kullanıcılarının çoğu için soru aynıdır: siteye bir WhatsApp butonu nasıl eklenir, hem de tema bozulmadan ve her güncellemede kaybolmadan. Bu rehberde üç yöntemi (tek satır kod, eklenti ve functions.php) ve Elementor, WooCommerce, Gutenberg için ayrıntıları bulacaksınız. Genel bir kurulum arıyorsanız web sitesine WhatsApp butonu ekleme yazımıza da bakabilirsiniz.
WordPress'e WhatsApp butonu eklemenin üç yolu
Üçü de aynı tek satır kodu kullanır; fark, kodu nereye koyduğunuzdadır. Kod bilmiyorsanız birinci veya ikinci yöntem sizin için.
Yöntem 1: Tek satır kod (en hızlı, önerilen)
- Ücretsiz UC Action Hub hesabı açın ve WhatsApp modülünü etkinleştirin.
- Numaranızı ülke koduyla girin (örn.
905551112233) veya WhatsApp kullanıcı adınızı yazın; dilerseniz hazır bir karşılama mesajı ekleyin. - Panelin verdiği tek satır kodu kopyalayın.
- WordPress yönetim panelinde Görünüm → Özelleştir veya temanızın "head/footer kod" alanına yapıştırın. Kod
</body>etiketinden önce çalışır.
Buton anında yayına girer. Bir daha koda dokunmazsınız; her şey panelden yönetilir.
Yöntem 2: Header & footer eklentisiyle
Tema dosyalarına dokunmak istemiyorsanız, "Insert Headers and Footers" türünde bir eklenti kurun. Kodu Footer (body sonu) alanına yapıştırın ve kaydedin. Bu yöntemin avantajı: tema güncellemesi kodu silmez, çünkü eklentide durur.
Yöntem 3: functions.php (geliştiriciler için)
Kodu programatik eklemek isterseniz, alt tema (child theme) içindeki functions.php dosyasına wp_footer kancasıyla ekleyin:
add_action('wp_footer', function () {
echo '<script src="https://ucwidgets.com/wa/v1.js" data-ucwa-key="ANAHTARINIZ" async></script>';
});Neden alt tema? Ana temaya eklerseniz, tema güncellemesinde satır silinir. Alt tema güncellemelerden etkilenmez.
Elementor ve sayfa oluşturucular
Elementor, Divi veya WPBakery kullanıyorsanız kodu tek tek sayfalara eklemenize gerek yok. Tek satır kodu site geneli için tema ayarları → özel kod alanına ya da bir header-footer eklentisine koyun; buton tüm sayfa oluşturucu sayfalarında görünür. Elementor Pro'da ayrıca Site Ayarları → Özel Kod bölümü de kullanılabilir.
WooCommerce mağazasında WhatsApp butonu
WooCommerce ile satış yapıyorsanız, ürün sorusu gelen kutunuzu değil doğrudan WhatsApp'ınızı doldurur. Site geneline eklediğiniz buton; ürün, kategori, sepet ve ödeme sayfalarında görünür. Hazır mesaja "Merhaba, ... ürünü hakkında bilgi almak istiyorum" gibi bir metin koyarsanız, müşteri tek dokunuşla doğru soruyu sorar.
Gutenberg ve klasik editör
Buton, içerik editöründen bağımsızdır; blok (Gutenberg) veya klasik editör fark etmez. Kodu bir kez site geneline eklediğinizde bütün yazı ve sayfalarda otomatik görünür, ayrı bir blok eklemenize gerek kalmaz.
Panelden ayarlar: koda dokunmadan
- Renk ve konum: markanıza göre renk, sağ/sol alt köşe.
- Karşılama mesajı: tıklayınca WhatsApp'ta hazır açılan metin.
- Çoklu numara: Satış, Destek gibi departman kartları (Pro).
- Kullanıcı adı desteği: numara yerine WhatsApp kullanıcı adınızı da kullanabilirsiniz.
Sık yapılan hatalar
- Numarayı yanlış yazmak: ülke koduyla, başında + veya 0 olmadan girin (Türkiye
90ile başlar). - Ana temaya eklemek: güncellemede kaybolur; alt tema veya eklenti kullanın.
- Önbellek: bir önbellek eklentiniz varsa, ekledikten sonra önbelleği temizleyin.
WordPress'e WhatsApp butonu eklemek için WhatsApp Widget sayfamızdan başlayabilir, tek satır kodu ücretsiz hesapla hemen alabilirsiniz.