Adımlar:
- WhatsApp URL'sini Ayarla:
- WhatsApp butonuna tıklanınca kullanıcıları yönlendireceğimiz bir URL hazırlayacağız. Aşağıdaki yapıyı kullanarak bir WhatsApp linki oluşturun:vbnet
Kodu kopyala
https://wa.me/90XXXXXXXXXX?text=Merhaba- 90XXXXXXXXXX kısmını kendi ülke kodunuz ve telefon numaranızla değiştirin (örn. Türkiye için +90).
- Merhaba kısmını da karşı tarafın otomatik olarak göreceği ilk mesajı belirlemek için kullanabilirsiniz.
- HTML Kodunu Ekleyin:
- WordPress sitenizde “Görünüm > Tema Dosya Düzenleyicisi”ne gidin ve header.php ya da footer.php dosyanıza aşağıdaki kodu ekleyin. Alternatif olarak, herhangi bir sayfada veya widget'ta da kullanabilirsiniz:html
Kodu kopyala
<a href="https://wa.me/90XXXXXXXXXX?text=Merhaba" target="_blank" class="whatsapp-button"> WhatsApp'ta Bizimle İletişime Geçin
</a>
- CSS ile Butonu Şekillendirin:
- Butonu özelleştirmek için CSS kodu ekleyin. Yine “Görünüm > Özelleştir > Ek CSS” bölümünden ya da tema dosyalarınızdan style.css dosyasına aşağıdaki kodu yapıştırabilirsiniz:
.whatsapp-button { position: fixed; bottom: 20px; right: 20px; background-color: #25D366; color: white; padding: 10px 15px; border-radius: 50px; font-size: 16px; text-align: center; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); transition: background-color 0.3s; text-decoration: none; z-index: 1000; }
.whatsapp-button:hover { background-color: #128C7E; }
Bu kodlar sayesinde, web sitenizin sağ alt köşesinde WhatsApp'a yönlendiren bir buton görünecektir. Butona tıklayan kullanıcı, doğrudan belirttiğiniz numarayla WhatsApp sohbetine yönlendirilecektir.