Cara Membuat Widget WhatsApp di Blogger dengan Mudah

Coba Dulu Aja

September 01, 2025

Ilustrasi: Cara membuat widget WhatsApp di Blogger

WhatsApp sudah menjadi aplikasi komunikasi utama bagi banyak orang. Hampir semua pengguna internet saat ini memiliki WhatsApp di smartphone mereka. Tidak heran jika banyak pemilik website atau blog ingin menambahkan widget WhatsApp agar pengunjung bisa langsung menghubungi mereka dengan sekali klik.

Bagi anda yang menggunakan Blogger (Blogspot), menambahkan widget WhatsApp sebenarnya sangat mudah. Bahkan tanpa harus menjadi ahli coding sekalipun, Anda bisa membuat tombol atau floating widget WhatsApp yang tampil profesional di blog anda.

Pada artikel kali ini, cobaduluaja.com akan membahas cara membuat widget WhatsApp di Blogger mulai dari alasan kenapa perlu ditambahkan, langkah-langkah pembuatannya, hingga tips agar tampilannya lebih menarik.

Kenapa Perlu Menambahkan Widget WhatsApp di Blogger?

Sebelum masuk ke tutorial, mari kita pahami dulu manfaatnya.

1. Meningkatkan interaksi

Dengan adanya tombol WhatsApp, pengunjung bisa lagsung bertanya, konsultasi, atau bahkan melakukan pemesanan produk/jasa.

2. Lebih cepat dihubungi

Dibanding email, WhatsApp jauh lebih cepat dan sering digunakan.

3. Meningkatkan kepercayaan pengunjung

Adanya kontak WhatsApp membuat blog terlihat profesional dan terpercaya.

4. Mendukung bisnis online

Jika blog anda digunakan untuk jualan online, widget WhatsApp akan membantu meningkatkan penjualan karena memudahkan calon pembeli menghubungi anda.

Cara Membuat Widget WhatsApp di Blogger

Ada dua cara utama yang bisa anda gunakan, yaitu menggunakan link WhatsApp biasa atau memasang widget floating (mengambang) di sudut layar blog.

1. Membuat Link WhatsApp Sederhana

Jika anda ingin menambahkan link WhatsApp berupa teks atau tombol biasa, langkahnya cukup mudah:

1. Masuk ke dashboard Blogger.

2. Buka menu Laman atau Postingan tempat anda manaruh link.

3. Tambahkan teks " Hubungi saya via WhatsApp".

4. Buat link dengan format berikut:

https://wa.me/nomorAnda

Contoh:

https://wa.me/6281234567890

(Pastikan menggunakan kode negara tanpa + dan tanpa spasi)

5. Simpan perubahan, lalu lihat hasilnya.

Ketika pengunjung klik link tersebut, mereka akan langsung diarahkan ke aplikasi WhatsApp.

2. Membuat Floating Widget WhatsApp di Blogger

Jika ingin lebih menarik, anda bisa membuat tombol WhatsApp mengambang di pojok blog. Caranya:

1. Masuk ke dashboard Blogger.

2. Pilih menu Tata Letak

3. Klik Tambahkan Gatget pada bagian sidebar atau footer.

4. Pilih HTML/JavaScript.

5. Masukkan kode berikut:

<div style="position:fixed;bottom:20px;right:20px;z-index:999;">
  <a href="https://wa.me/6281234567890" target="_blank">
    <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" 
         alt="WhatsApp" 
         style="width:60px;height:60px;">
  </a>
</div>

6. Ganti 6281234567890 dengan nomor WhatsApp anda.

7. Klik Simpan, lalu lihat hasilnya.

Sekarang, blog anda sudah memiliki tombol WhatsApp mengambang di pojok kanan bawah yang selalu terlihat meskipun pengunjung melakukan scroll.

Tips Membuat Widget WhatsApp Lebih Menarik

Agar widget WhatsApp anda tidak sekedar tombol biasa, berikut beberapa tips:

1. Gunakan Ikon yang Jelas

Pilih logo WhatsApp yang familiar agar pengunjung langsung mengenalinya.

2. Tambahkan Pesan Otomatis

Anda bisa menambahkan pesan awal ketika pengunjung mengeklik link WhatsApp, misalnya:

<a href="https://wa.me/6281234567890?text=Halo%20saya%20ingin%20bertanya%20tentang%20produk%20Anda" target="_blank">
  Chat via WhatsApp
</a>

Dengan begitu, pengunjung tidak perlu mengetik dari awal.

3. Atur Posisi Widget

Biasanya tombol WhatsApp ditempatkan di kanan bawah karena lebih mudah di jangkau.

4. Gunakan Desain yang Responsif

Pastikan widget tampil dengan rapi baik di desktop maupung di smartphone.

Kesimpulan

Menambahkan widget WhatsApp di Blogger adalah langkah sederhana namun sangat bermanfaat untuk meningkatkan interaksi dengan pengunjung. Anda bisa memilih cara paling simpel dengan menambahkan link WhatsApp, atau membuatnya lebih profesional dengan tombol floating widget di pojok layar.

Dengan adanya tombol WhatsApp ini, blog anda terlihat lebih interaktif, profesional, dan ramah bagi pengunjung. Jangan lupa untuk menyesuaikan desain widget sesuai dengan tema blog anda agar tampilannya tetap serasi.

Selamat mencoba semoga artikel ini membantu anda membuat blog yang lebih menarik dan interaktif.