Siteye Whatsapp Butonu Eklemek

Önce Html olarak bunu ekleyin header kısmınıza

<style>
.float{
position:fixed;
width:60px;
height:60px;
bottom:40px;
left:40px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
  font-size:30px;
box-shadow: 2px 2px 3px #999;
  z-index:100;
 
}
.my-float{
margin-top:16px;
}
</style>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <!-- Font Awesome zaten varsa bunu eklemenize gerek yok -->
<a href="https://api.whatsapp.com/send?phone=90burayanumaranız" class="float" target="_blank">
<i class="fa fa-whatsapp my-float"></i>
</a>

Sitenizde kayan bir html butonu gösterecektir. Kendimde kullanmıştım
Kolay gelsin

Yardımcı olan arkadaşlara çok teşekkürler

Merhabalar, 2 adet bırakıyorum hangisini isterseniz kullanın

1-

<script type="text/javascript">
(function () {
var options = {
whatsapp:"905418742767",// WhatsApp number
company_logo_url: "///", // URL of company logo (png, jpg, gif)
greeting_message: "Merhaba Nasıl Yardımcı Olabilirim.", // Text of greeting message
call_to_action: "Mesaj Gönder", // Call to action
position: "left", // 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>


2- bu sizin istediğiniz kod

https://api.whatsapp.com/send?phone=...&source=&data=

Sayfa başlığını whatsapp butona tıklayınca açılan sayfada mesaj kısmında nasıl gösterebiliriz....

Hocam selamlar. Bir proje için lazım oldu, acaba fontawesome ikon yerine bir png imajı nasıl ekleriz bu koda?

Merhaba,
<i></i> tagı içerisine img kodunuzu ekleyebilirsiniz.

Merhaba, lütfen inceleyin

https://emreaykutalp.com/blog/siteye...-butonu-ekleme