Siteye Whatsapp İletişim Butonu Ekleme

Gün geçtikçe sitelere çok daha fazla özellik eklenmeye devam ediyor.Bizde bundan alt kalmamamız için özellikli bir site yapma gereği duyuyoruz.Ziyaretçilerle yakından iletişim kurup sorunlarını çözüme kavuşturmak için elimizden geleni yapmayı istiyoruz.siteye whatsapp canlı destek eklemek bu konuda sizlere yardımcı olacaktır.

Aynı zamanda ziyaretçilerde site sahipleriyle iletişime geçerek sorunlarını dile getirmek istiyorlar.Bu bağlamda sizlerin yapabileceği en güzel eylem, sitenize bir whatsapp iletişim butonu eklemek olacaktır.

İnsanların yaygın kullandığı platformlar üzerinden ziyaretçilerinizle iletişime geçebileceksiniz.Gerek haber siteleri gerek e-ticaret siteleri bu yöntemleri kullanarak ziyaretçileriyle iletişime geçmektedirler.

Bu durum hem ziyaretçinizin hoşuna gidecek hem de sitenize oldukça profesyonel bir görünüm kazandıracaktır.

Whatsapp İletişim Butonu Nasıl Eklenir ?

Bu adım da anlatılanları hatasız bir şekilde yaparsanız işlem sizlere çocuk oyuncağı gibi gelecektir.Aşağıda paylaşılan kodlar Getbutton.io sitesi tarafından hazırlanmış olup alt yapısınıda Getbutton.io sitesi sunmaktadır.

<!-- GetButton.io widget -->
<script type="text/javascript">
    (function () {
        var options = {
            whatsapp: "buraya kendi numaranızı ekleyin", // WhatsApp number
            call_to_action: "Merhaba, nasıl yardımcı olabilirim ?", // Call to action
            position: "right", // Position may be 'right' or 'left'
        };
        var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;
        var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
        s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
        var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
    })();
</script>
<!-- /GetButton.io widget -->

whatsapp canlı destek kodunu alarak sitenizin ana sayfasını oluşturan kodlama dosyasında </body> tagının üzerine yapıştırmanız gerekmektedir.Whatsapp: ile başlayan satırdaki numarayı kendi numaranızla değiştirmeniz yeterli olacaktır.

Hemen altında ise karşılama yazısı olan “Merhaba, nasıl yardımcı olabilirim ?” yazısını göreceksiniz.Bu satırıda kendinize özel olarak uyarlayabilirsiniz.

Birde whatsapp iletişim butonunun pozisyonunu ayarlamak için position: ile başlayan satırı düzenleyebilirsiniz.Eğer butonun sayfanın sağında görünmesini istiyorsanız “right” eğer sol tarafta görünmesini istiyorsanız “left” yazarak pozisyon ayarlaması yapabilirsiniz.

WordPress’e Whatsapp İletişim Butonu Ekleme

Aslında burada da mantık aynı olacak.Yukarı da vermiş olduğum kodu </body> tagının hemen üzerine ekleyeceksiniz.

1. WordPress admin paneline giriş yapın.
2. Sol taraftaki menüde Görünüm>Tema Düzenleyici yolunu izleyin.
3. Sağ taraftan footer.php dosyasını seçin.
4. Karşınıza gelen kod editöründe </body> tagını bulun.En altta olacak.
5. Yukarıda ki kodu </body> tagının hemen üstündeki satıra ekleyin.
6. “Güncelle” butonuna tıklayın.

FTP İle WordPress’e Whatsapp İletişim Butonu Ekleme

Ftp adresinizi hosting firmanızdan öğrenin.Bu konuda Filezilla İle FTP Hesabına Bağlanma adlı makalemi okuyarak bilgi edinebilirsiniz.Eğer ftp ve filezilla hakkında hiçbir bilgiye sahip değilseniz Filezilla Nedir, Nasıl İndirilir, Nasıl Kurulur ? adlı makalemden bilgi sahibi olabilirsiniz.

1. FTP adresinize erişim sağlayın.
2. “public_html” klasörünün içerisine girin.
3. “wp-content/themes/kullandığınız temanın adı” yolunu izleyin.
4. “footer.php” dosyasına sağ tıklayarak “Görüntüle ve Düzenle” seçeneğine tıklayın.
5. Header.php dosyası açılacaktır.</body> tagının hemen üzerindeki satıra yukarıdaki kodları ekleyin.
6. Dosya>Kaydet yolunu izleyin.
7. Dosyayı kapatın ve karşınıza gelen “Güncellensin mi ?” sorusuna “Evet” yanıtını verin.

Eklenti İle Whatsapp İletişim Butonu Ekleme

Kodlarla uğraşmak yerine eklenti kullanarakta bu işlemi kolaylıkla halledebilirsiniz.Yukarıda ki kodlama ekleme tekniği sizlere zor gelirse eklenti ekleme yöntemini deneyebilirsiniz.

Whatsapp iletişim butonu için yapılmış bir eklenti olan Chat Button by GetButton.io eklentisini indirerek wordpress sitenize kurunuz.

Eklentilerin iki türlü kurulma yöntemi vardır.Bunlardan biri bilgisayarınıza .zip formatında indirerek wordpress admin panelinden kurma biri de direk wordpress admin panelinden eklentiler ekleme kısmından yukarıdaki eklentinin adını yazarak otomatik kurulum yaptırmak.

İki yöntemden herhangi birini kullanarak wordpress’e Chat Button by GetButton.io eklentisini kurun.Gerisi zaten otomatik olarak hallolacaktır.Bu ara da sadece whatsappla da sınırlı kalmıyorsunuz.Snapchat,facebook gibi platformları da ekleyebilme imkanı sunuyor.

Siteye Eklediğimiz Web Sitesi Whatsapp Canlı Destek Nasıl Gözüküyor ?

Siteye eklemiş olduğunuz whatsapp canlı destek butonu yukarıda resimde gördüğünüz gibi olacaktır.”Bize mesaj Gönderin” ibaresini yukarıda da dediğim gibi kendinize göre ayarlayabiliyorsunuz.Bu butona tıklandığı zaman direk Whatsapp’a yönlendirilecek ve ilk karşısına çıkan ibare size mesaj gönderme paneli olacaktır.

Eklenti kullanmayı pek önermem çünkü eklentiler siteleri yavaşlatırlar.Kod ekleyerek yaparsanız siteniz daha performanslı çalışacağına eminim.Eğer sadece Whatsapp değilde Messenger, Viber, Snapchat, Telegram, İnstagram butonları eklemek isterseniz direk uygulamanın kendi sitesine giderek rengine varana kadar her türlü ayarlamayı yapabilirsiniz.

Butonları temin edebileceğiniz siteye gitmeniz için buraya tıklamanız yeterli olacaktır.