WhatsApp Floating Button

Her websitesi olanın vazgeçilmezi olan bir özellik. Eklentisiz kolay bir şekilde ekleme yöntemini göstereceğim.

Aşağıda belirtilen kodu öncelikle,

TELNO yerine telefon numaranızı,

MESAJ yerinede istediğiniz mesajı yazdıktan sonra sitenizde </head> etiketinden önce yapıştırın.

Yapmanız gerekenler bu kadar.

<a href="https://wa.me/TELNO?text=MESAJ" 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>