Özellikle mobil gösterimlerde size büyük avantajlar sağlayacak telefon ile ara ve whatsapp iletişim butonu örneğini hazırladım. HTML ve CSS kodlarını kullanarak kendi kullanımınıza uygun olarak düzenleyebilirsiniz.
Bu buton dijital pazarlama çalışmalarında Sizlere büyük avantaj sağlayacaktır. Dönüşüm ve etkileşim oranını arttırdığı herkes tarafından bilinen bu elementi full width olarak kullanmanızı tavsiye ederim.
<html>
<head>
<title>Yapışkan Buton Yapımı</title>
<style type="text/css">
.telefon {
background-color:red;
position: sticky;
position: -webkit-sticky;
bottom:0;
width: 100%;
margin:0;
}
.telefon h4 {
padding:10px;
}
.telefon h4 a {
text-decoration: none;
color: white;
}
</style>
</head>
<body>
<h1>Yapışkan Buton Kullanarak Telefon ile Ara Butonu</h1>
<div class="telefon">
<h4>
<center>
<a href="tel:050544078535">Telefon ile Ara</a>
</center>
</h4>
</div>
Çok teşekkürler. Kulllanıyorum.
kod deneme yeri de olsa çok güzel olacak
sadece mobilde gösterilecek şekilde nasıl yaparız acaba.
mesela 600px genişliğe küçüldüğünde ortaya çıksa buton
selamlar iyi akşamlar acil bir konu hakkında destek istiyorum mümkünse sizin yapmış oldugunuz bu koda ek olarak watsapp nasıl eklerim ve sayfanın en alt kısımnda kullanmak istiyorum.
bu silsem olurmu ? yada ne yapmam gerekiyor yardımcı olun lütfen ?
Yapışkan Buton Kullanarak Telefon ile Ara Butonu