Mobil Hemen Ara butonu.

Merhaba,

Siteme resimde gösterilen gibi mobilde gözüken hemen ara butonu eklemek istiyorum yardımcı olacak arkadaşım var mıdır acaba?

http://prntscr.com/p9zhcp

Teşekkürler

“<a” linkine href=“tel:+905556667788” eklerseniz mobilde tıklayınca arama yapar.

<a href="tel:0000000"><button class="d-lg-none btn btn-success">Beni Ara</button></a>

Boostrap kullanıyor isen bu kodu kullanabilirsin sadece mobilde görünür hale geliyor.

Ekledim fakat sitenin sol üst tarafında gözüktü onu resimde gösterdiğim gibi nasıl sabitleyebiliriz?

<div class="hidden-md hidden-lg col-xs-6 " style="padding-top:9px;background-color:4dc85d;height:50px;color:#ffffff;text-align:center;font-size:15px;">
<a href="tel:0000" style="color:#fff;">Beni Ara</a>
</div>

Bunu deneyebilirsin. Aynı mantık kullanılarak yapılmış. Footer kısmına eklemeni tavsiye ederim.

Denedim fakat olmadı özelden yardımcı olma imkanın var mı acaba

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.