cara membuat tombol whatsapp melayang pada website atau blog


Artikel ini merupakan tutorial singkat dan mudah untuk memasang Tombol WhatsApp yang melayang di pojok kanan bawah dari halaman Websitemu, atau Landing Pagemu. Silakan segera dibaca dan dipraktekkan

Ini adalah bagian yang sangat fatal kalau sampai diabaikan. Jadi pertama, Anda harus bikin Link WhatsApp dulu, untuk ditujukan ke Nomor WhatsApp Anda nantinya. Link WhatsApp yang dimaksud adalah link yang jika link tersebut diklik atau diakses, maka akan otomatis masuk ke WhatsApp milikmu, dengan atau tanpa text awalan otomatis. Silakan dipelajari tutorialnya membuat link whatsapp disini. Contoh tombol WhatsApp pada Website dibawah yang akan dipraktekkan, kami menggunakan link WhatsApp: YukChat.us/ampuh, silakan nanti link tersebut DIGANTI dengan link WhatsApp milik Anda sendiri ya gais..

Menyisipkan Kode HTML kedalam Website
Anda, sebagai yang menghandle website, pasti tahu lah ya cara menyisipkan kode html ke website Anda sendiri, entah itu website berbasis gratisan di blogspot atau WordPress.com, sampai website profesional berbayar, misalnya website WordPress Self Hosted, semuanya support kok untuk kita menyisipkan kode html tambahan ke website. Berikut kode HTML yang harus disisipkan:

<a href=”http://yukchat.us/ampuh”>
<img src=”https://wpkyai.com/free/whatsapp-opt.png” class=”wabutton” alt=”WhatsApp-Button”>
</a>
<style>
.wabutton{
position:fixed;
bottom:20px;
right:20px;
z-index:100;
}
</style>

JANGAN LUPA untuk mengganti link: yukchat.us/ampuh dengan link WhatsApp milikmu sendiri ya..

Jika sudah disisipkan, nanti akan ada tombol WhatsApp (gambar Icon WhatsApp) Melayang di pojok kanan bawah dari halaman websitemu, dan jika pengunjung web ngeklik icon tersebut, maka pengunjung akan segera menuju ke WhatsAppmu, otomatis

Yuk komennya!

Previous Post Next Post