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