Merhaba;
Aynı yapı whatsapp için kullanıyorum kendinize göre düzenleyerek yapabilirsiniz.

Headere aşağıda ki kodu ekleyin;

<a href="https://wa.me/900000000000" target="_blank">
<div class="WhatsApp" style="display:none"></div>
</a>

Css dosyasına;

.WhatsApp{
background: url(../Resimler/WhatsApp.png) no-repeat;
width: 125px;
height: 36px;
display: none;
position: fixed;
bottom: 10px;
left: 10px;
z-index: 9999;
}

Ek olarak css dosyasına;

@media screen and (max-width: 480px) {
    .WhatsApp{
        display: block !important;
    }
}

Yukarıda ki kodları kendinize göre düzenleyerek sitenize istediğiniz gibi buton ekleyebiliriniz.