Whatsapp Buton - Wordpress

kod alanını aktif ettim https://eklentiler.tmcmedya.com.tr/ gir istediğin tasarımlı buttona tıkla kodlu ve örnek şekli çıkıyor bir bak

Hallettim hocam.

Buraya bırakayım kodu eğer ihtiyacı olan varsa Wordpress'ten tema dosyalarına girin ardında footer.php'yi bulun ve oradaki body etiketi içine bu kodu yapıştırı;

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<a class="wpbottombutton" href="https://wa.me/+905xxxxxx" target="_blank" style="color:#fff;" > <i class="fa fa-whatsapp" aria-hidden="true"></i> </a>

Ardından Wordpress'ten özelleştir kısmına girip oradan ek css kısmına aşağıdaki kodları yapıştırın;

.wpbottombutton {
position: fixed;
bottom: 0;
background: #1d1d1d;
color: #fff;
width: 100%;
padding:1em;
text-align: center;
}

Site size mi ait hocam güzelmiş fakat benin yaptığım şuan için yterli bana.

Lazım Olduğu Zaman Bana PM ile ulaşabilirsin

Başkalarına da lazım olur diye paylaşmak istedim.



Sitenin altında bu şekilde butonlar elde etmek için;

Footer.php' e şu kodları ekleyin;

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

<div align="center">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<a class="wpbottombutton2" href="tel:05xxx" target="_blank" style="color:#fff;" > <i class="fa fa-phone" aria-hidden="true"></i>
</a>
</div>

Css için şu kodları ekleyin;

.wpbottombutton {
position: fixed;
bottom: 0;
background: #25D366;
color: #fff;
width: 50%;
padding:1em;
text-align: center;
}

.wpbottombutton2 {
position: fixed;
bottom: 0;
background: #1D1D1D;
color: #fff;
width: 50%;
padding:1em;
text-align: center;
}