Whatsapp Butonu Ekleme

Aşağıdaki kodları yerine yerleştirerek kolayca sitenize whatsapp butonu ekleme işlemi yapabilir ve müşterilerinize watsapp üzerinden hizmet verebilirsiniz.

Html

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<a href="https://api.whatsapp.com/send?phone=+9005555555555" class="float" target="_blank"> /* iletişim numaranızı yazmanız gerekmektedir.*/
<i class="fa fa-whatsapp my-float"></i>
</a>

Css

/* whatsapp butonu css*/
.float {
position:fixed;
width:60px;
height:60px;
bottom:40px;
right: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;
}
/* whatsapp butonu css*/

Yukarıdaki Bilgileri doğru alanlara girdiğinizde sitenizin sağ alt köşesinde whatsapp iletişim butonu çıkacaktır.