2 min HTML/CSS
WhatsApp Floating Button
A fixed WhatsApp button in the corner of the page.
#WhatsApp
#HTML
#CSS
#Floating Button
A must-have feature for every website. I will show you how to add it easily without any plugins.
Replace TELNO with your phone number, MESSAGE with your message, then paste before the </head> tag.
<a href="https://wa.me/TELNO?text=MESSAGE" class="floating" target="_blank">
<img src="https://www.engingulgor.com/images/website/whatsapp_icon50x50.png" alt="WhatsApp Button">
</a>
<style>
a.floating {
position: fixed;
right: 20px;
bottom: 20px;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
</style> // İlgili Snippetlar
// Sorular & Yorumlar
Yorumlar yükleniyor...
// Yorum yaz