Bu işlem için bir eklenti kullanmadım. Hazır bir kod var ve bu kodu düzenleyip sitemize ekleyeceğiz. Bahsettiğim kod WhatsHelp.io adlı bir site içerisinden oluşturuldu. Altyapısını da bu site sağlıyor. Sitenizde kullanabileceğiniz kodu aşağıya ekledim.
Kod düzenleme

Sitenize WhatsApp iletişim butonu ekleyebilmek için aşağıdaki kodu kullanabilirsiniz.

<script>
(function () {
var options = {
whatsapp: "+905*******", // WhatsApp numaranızı buraya girin
call_to_action: "Merhaba, nasıl yardımcı olabilirim?", // 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.function () { WhWidgetSendButton.init(host, proto, options); };
var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
})();
</script>

1. Numara alanına whatsapp numaranızı yazıyorsunuz.


2. Görünecek metin kısmına tırnak içinde istediğiniz popup mesajınızı yazın.


3. "position" kısmına whatsapp ikonunun sitenizin neresinde olacağını belirtir. "right" veya "left" yazarak sağ yada sol altta görünmesini sağlarsınız.

artık kodunuz hazır.

Artık sitenizin sağ veya sol alt köşesine iletişim butonu eklenecek. Mobil kullanıcılarınız butonu tıkladığında WhatsApp açılacak ve size direkt mesaj yazabilecekler. Masaüstü bilgisayar veya notebook gibi bir cihazda buton tıklanırsa WhatsApp Web uygulama sayfası açılacak ve buradan size yazabilecekler.

kaynak:https://github.com/OzzyOzmen/whatsappContact.