Whatsapp Buton - Wordpress

Ş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;
}

bu işi yapan onlarca eklenti varken bu çabaya değmez.

a href i div in üstüne alın

Hocam kullandığım eklenti var fakat bunu çok az bir kodla zaten yapabiliyoruz.

Olmuyor hocam öyle.

syntax hatası vardır. Olmama ihtimali yok

Hocam sizin dediğiniz gibi yapınca sadece yeşil renkli kutu kalıyor.

https://eklentiler.tmcmedya.com.tr/ Buraya Bak Kullandığın Ekleti Veya Daha Gelişmiş Şekilde Var Yardımcı Olayım

Hocam eklenti var zaten kodla yapmak istiyorum.