Şuan sitenin alt kısmında bu şekilde duran bir buton yaptım. Fakat gördüğünüz gibi Whatsapp ikonu dikey pozisyonda hizada değil. Ayrıca sadece ikonun üzerine gelince tıklıyor bunun yerine butonun herhangi bir yerine tıklanınca linkin açılmasını istiyorum.

Kodlar şu şekilde;

HTML
<div class="wpbutton">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<ul>
<a href="https://wa.me/+xxxx" target="_blank" style="text-decoration: none; color:#fff;" > <i class="fa fa-whatsapp" aria-hidden="true"></i>
</a>
</ul>
</div>

CSS
.wpbutton
{
position: fixed;
bottom: 0;
background: #25D366;
width: 100%;
text-align: center;
}