Cara menampilkan icon Whatsapp melayang di website atau blog

 Cara menampilkan icon Whatsapp melayang di website atau blog. Ingin memudahkan pengunjung website atau blog Anda untuk menghubungi Anda langsung melalui WhatsApp? Salah satu cara efektif adalah dengan menampilkan icon WhatsApp melayang di sudut layar. Dengan fitur ini, pengunjung cukup mengklik ikon tersebut untuk langsung membuka percakapan di WhatsApp tanpa perlu mengetikkan nomor secara manual. Pada artikel ini, saya akan membahas langkah-langkah mudah untuk menambahkan ikon WhatsApp melayang di website atau blog Anda menggunakan kode HTML dan CSS.

Sangat Simple dan mudah, cukup masukan code berikut dan langsung jadi. Berikut tahapnya :

1. Insert atau tambahkan gadget HTML dibagian tata letak blog berikut, copy code html berikut :

<div style="position: fixed; bottom: 100px; right: 20px; z-index: 99;">

<a href="https://wa.me/628158986556/?text=Hi,%20Admin." target="_blank" rel="noopener">

<img src="https://insantri.com/wp-content/uploads/2021/09/WA-logo@65x.png" width="65" height="66" alt="Hubungi Kami Melalui WhatsApp" /></a></div>

2. Paste code berikut pada gadget blog kalian

3. Selesai

Dengan menambahkan icon WhatsApp melayang di website atau blog Anda, pengunjung dapat dengan mudah menghubungi Anda hanya dengan sekali klik. Ini tidak hanya meningkatkan interaksi, tetapi juga dapat membantu dalam meningkatkan konversi dan layanan pelanggan.

Semoga tutorial ini bermanfaat! Jika Anda memiliki pertanyaan atau kendala dalam proses pemasangan, jangan ragu untuk bertanya di kolom komentar. Selamat mencoba!

*) warna merah silahkan ganti dengan nomer hp kalian, serta alamat icon gambar whatsapp sesuai selera, Terimakasih

Bagikan ini :