Eger HTML siteniz icin yalin WhatsApp butonu olusturmak isterseniz, kullanabileceginiz en iyi kod bu. Web sitenizi HTML veya PHP ile kurduysaniz kodu direkt olarak siteye ekleyebilirsiniz. Bu kod sayesinde web sitenizde WhatsApp numaranizin butonu belirecektir.
🐝 bu metni ingilizce oku !
WhatsApp butonunuz icin HTML kodu
<div onclick=”location.href=’https://api.whatsapp.com/send?phone=PHONENUMBERHERE&text=Hi,%2we%20use%20ToChat.Be’;” align=”center” class=”whatsappbutton”><i class=”fa fa-whatsapp fa-2x”></i><span>Contact Us</span></div>
Tabi bu kodda “PHONENUMBERHERE” yerine kendi telefon numaranizi yazmaniz gerekiyor.
WhatsApp Link ve Butonunuz için CSS
/* WhatsApp Button */
.whatsappbutton { background-color: #7ACC72; /* Green */ border: none; color: white; text-align: center; text-decoration: none; font-size: 16px; border-radius: 20px; padding: 10px 20px; margin-top: 10px !important; width: fit-content; margin: auto; cursor: pointer }
.whatsappbutton span { vertical-align: text-bottom !important; }
.fa-whatsapp { margin-right: 10px; }
Dilerseniz de WhatsApp linkinizin kisa bir versiyonunu olusturabilirsiniz >Short Url WhatsApp Button
WhatsApp butonu içeren HTML dosyasini indir
Hedef sayfanizi olusturmak icin kullanabileceginiz HTML kod iceren dosyayi paylasiyoruz;
WhatsApp Linkinin Daha Iyi Bir Versiyonu
Size sundugumuz servisi kullanarak WhatsApp linkinizin daha iyi bir versiyonunu olusturabilirsiniz.
Bu link sayesinde istatistiklerinizi yonetebilir ve pratik editor ile hosgeldin mesaji tanimlayabilirsiniz. Direkt olarak kodlamak her zaman icin risklidir ve linkiniz calismayi durdurabilir.
Size bir de daha hos gorunen kisa URL formatini sunuyoruz. Bu tur bir URL’niz olacaktir: https://chatwith.io/s/5f687a450cf8a
Bu WhatsApp linkini yukarida paylastigimiz kodda kullanabilirsiniz;
<div onclick=”location.href=’https://chatwith.io/s/5f687a450cf8a‘;” align=”center” class=”whatsappbutton”><i class=”fa fa-whatsapp fa-2x”></i><span>Contact Us</span></div>