Mesaj ve konu oluşturmak için giriş yapmanız gerekiyor.

Wordpress siteye yapışkan WhatsApp butonu ekleme.

Müşterilerinizin size bir tuşla WhatsApp üzerinden ulaşmalarını ister misiniz? WP uygulama örneğini Vera Tesisat  sitesinde görebileceğiniz eklentisiz yöntemi biraz çalışarak her siteye kolaylıkla uygulayabilirsiniz.
Uygulamada sadece mobil cihazlarda ve sitenin tabanında ortaya çıkan WhatsApp butonu tıklandığında müşteriniz direkt WhatsApp üzerinden size ulaşacaktır.

  1. Öncelikle 140x45 boyutunda whatsapp.jpg adlı WhatsApp butonu hazırlayınız veya yandaki butonu indirin. WhatsApp Buton Sitenizin tema klasörü içinde images klasörü varsa veya yoksa oluşturduktan sonra indirdiğiniz buton dosyasını içine atınız.
  2. WP sitenizin footer.php dosyasını açarak </footer> kodundan hemen önce 4. maddedeki kodu altta anlatıldığı şekilde düzenleyip ekleyerek kaydedin.
  3. Kodda kalın yazılmış yerler değişecek. İlk kalın yazılmış yere mobil numaranızı, esteem yazan yere ise temanızın adını yazınız.
  4. <a href="https://api.whatsapp.com/send?phone=+905xxxxxxxxx &text=Mesajınız? » "><img src="/wp-content/themes/esteem/images/whatsapp.jpg" title="Whatsapp" alt="Whatsapp Ara" class="waap"></a>

  5. Sıra butonun çalışmasını düzenleyecek alttaki CSS kodlarının anlatılacak yerlere eklenmesine geldi.
  6. .waap{display:none;position:fixed;bottom:0px;right:10px;opacity:1;z-index:99999;padding:8px 0;}

    @media screen and (max-width:768px){.waap{display:inline-block}}

  7.  Üstteki CSS kodları  WP Admin » Özelleştir » Ek CSS  bölümüne ekleyip kaydediniz. Bu işlemden sonra yaptığınız düzenlemelerin çalışıp çalışmadığını kontrol içim mobil cihazdan siteye girdiğinizde altta sağda buton çıkacaktır.  Masa üstü bilgisayarda da sayfa enini küçülttüğünüzde  buton  yine altta sağ tarafta çıkacaktır.
  8. Burada dikkat etmeniz durum site mobil versiyona geçtiğinde yani site navigasyon menüsünün küçülerek hamburger menü haline geçtiğinde WhatsApp butonunun da aynı anda ekrana gelmesidir. Eğer aynı anda gelmiyorsa Ek CSS bölümüne son olarak eklediğiniz kodların içindeki max-width:768px kısmından 768 değerini değiştirerek butonun zamanlamasını senkron edebilirsiniz.

Yukarıdaki anlatımdan faydalanıp oluşturduğunuz WhatsApp butonunun hemen sol tarafına da bir Tıkla Ara butonu yapmayı deneyiniz. Kolay gelsin.