Web Sitesine Whatsapp İletişimi Ekleme

Sitenizi ziyaret edenlere WhatsApp üzerinden ulaşmak ister misiniz?

Konumuz, WhatsApp iletişim özelliğini sitemize nasıl ekleriz?

Aşağıda verilen hazır kodu kendinize göre düzenleyerek siteye eklemeniz yeterlidir. Kod WhatsHelp.io adlı site yardımı ile oluşturulmuş olup, altyapı yine aynı site tarafından sağlanmaktadır.

WhatsApp Kodu

<script type="text/javascript">
    (function () {
        var options = {
            whatsapp: "+905321234567", // WhatsApp numaranızı buraya girin
            call_to_action: "Merhaba, size nasıl yardımcı olabiliriz?", // Görünecek metin
            position: "right", // Position may be 'right' or 'left'
        };
        var proto = document.location.protocol, host = "whatshelp.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>
  1. WhatsApp yanında yer alan telefon numarasını istediğiniz bir numara ile değiştirmeyi unutmayın !
  2.  Karşılama mesajını istediğiniz şekilde değiştirebilirsiniz ! (“Merhaba, size nasıl yardımcı olabiliriz?“)
  3. Son ayarımız mesaj butonunun konumunu ayarlama  “Position”  iletişim butonunu sağ alt köşesinde göstermek için “right”, sol alt köşesinde göstermek için “left” yazabilirsiniz.

Hazırladığımız kodu manuel olarak sitemize header.php dosyasına ekleyeceğiz.

Görünüm – Tema Düzenleyici  ile karşınıza php sayfaları gelecek. buradan header.php yazan dosyayı seçiniz ve kodu </head> ile biten satırın üzerine yapıştırıp kayıt ediniz.

Bu kod sayesinde mobil kullanıcılarınız butonu tıkladığında WhatsApp açılacak ve size direkt mesaj yazabilecekler. PC kullananlar butona tıkladıklarında WhatsApp Web uygulaması açılacaktır.

No votes yet.
Please wait...

2 thoughts on “Web Sitesine Whatsapp İletişimi Ekleme

  1. Merhaba anlatım için çok teşekkür ederim. Kodu sitede kullanacağım .

    No votes yet.
    Please wait...
  2. calışmıyorrrr

    No votes yet.
    Please wait...

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir