Hallo sobat Blogger, pada kesempatan kali ini saya akan membagikan tutorial tentang cara membuat tombol chat WhatsApp dengan gambar di blog yang jika diklik akan langsung membuka percakapan dengan admin.

Bagi pemilik blog, terutama yang fokus pada bisnis online, memiliki kontak yang jelas merupakan hal yang sangat penting. Selain mempermudah pengunjung untuk menghubungi pemilik blog, kontak juga dapat meningkatkan kepercayaan pengunjung terhadap website yang kita miliki.

Biasanya sebuah blog profesional memiliki beberapa jenis kontak seperti:

• Nomor WhatsApp.
• Email aktif.
• Halaman Contact Us.
• Formulir kontak.

Salah satu kontak yang paling banyak digunakan saat ini adalah WhatsApp karena lebih praktis dan hampir semua orang menggunakannya.

Dengan memasang tombol chat WhatsApp di blog, pengunjung dapat langsung menghubungi admin hanya dengan satu kali klik.

Cara Membuat Link WhatsApp Otomatis

Secara umum format link WhatsApp adalah sebagai berikut:

https://wa.me/NomorWhatsApp?text=Pesan

Contoh:

https://wa.me/6281234567890?text=Halo%20Admin

Keterangan:

• Ganti 6281234567890 dengan nomor WhatsApp Anda.
• Gunakan kode %20 sebagai spasi.
• Pesan dapat diubah sesuai keinginan.

Memasang Tombol Chat WhatsApp di Halaman Blog

Masuk ke:

Dashboard Blogger → Halaman → Halaman Baru

Kemudian pilih mode HTML dan masukkan kode berikut.

<center>
<a href="https://wa.me/6281234567890?text=Halo%20Admin,%20Saya%20ingin%20bertanya" target="_blank">
<img src="https://cdn-icons-png.flaticon.com/512/733/733585.png"
width="200"/>
</a>
</center>

Setelah itu klik Publikasikan.

Memasang Tombol WhatsApp di Sidebar Blogger

Selain di halaman statis, tombol WhatsApp juga dapat dipasang melalui menu Tata Letak.

Caranya:

1. Masuk ke Dashboard Blogger.
2. Pilih menu Tata Letak.
3. Klik Tambahkan Gadget.
4. Pilih HTML/Javascript.
5. Salin kode berikut.

<center>
<a href="https://wa.me/6281234567890?text=Halo%20Admin,%20Saya%20tertarik%20dengan%20produk%20Anda" target="_blank">
<img src="https://cdn-icons-png.flaticon.com/512/733/733585.png"
width="180"/>
</a>
</center>

Kemudian klik Simpan.

Membuat Tombol WhatsApp Modern dan Keren

Jika ingin tampil lebih profesional, gunakan kode berikut:

<a href="https://wa.me/6281234567890?text=Halo%20Admin"
target="_blank"
style="display:inline-flex;
align-items:center;
gap:10px;
background:#25D366;
color:white;
padding:14px 24px;
border-radius:50px;
text-decoration:none;
font-size:16px;
font-weight:600;
box-shadow:0 8px 20px rgba(37,211,102,.3);">

<img src="https://cdn-icons-png.flaticon.com/512/733/733585.png"
width="30">

Chat via WhatsApp

</a>

Hasilnya akan berupa tombol modern berwarna hijau seperti aplikasi WhatsApp.

Dimana Tombol WhatsApp Bisa Dipasang?

Tombol chat WhatsApp dapat dipasang pada:

• Sidebar blog.
• Footer blog.
• Halaman Contact Us.
• Postingan artikel.
• Landing page.
• Halaman produk.
• Widget mengambang (floating button).

Keuntungan Memasang Tombol WhatsApp di Blog

Mempermudah Pengunjung Menghubungi Admin

Pengunjung tidak perlu menyimpan nomor terlebih dahulu.

Cocok Untuk Toko Online

Sangat membantu proses pemesanan produk dan layanan.

Meningkatkan Kepercayaan Pengunjung

Website terlihat lebih profesional dan memiliki pengelola yang jelas.

Mempercepat Respon Pelanggan

Komunikasi menjadi lebih cepat dibandingkan menggunakan email.

Kesimpulan

Membuat tombol chat WhatsApp di Blogger sebenarnya sangat mudah. Anda hanya perlu membuat link WhatsApp dan memasangnya menggunakan kode HTML pada halaman, postingan, atau widget Blogger.

Dengan adanya tombol WhatsApp otomatis ini, pengunjung dapat langsung menghubungi admin hanya dengan satu kali klik sehingga sangat cocok digunakan untuk blog pribadi maupun toko online.

Demikian artikel tentang Cara Membuat Tombol Chat WhatsApp Otomatis di Blog dengan Gambar Terbaru 2026.

Semoga artikel ini bermanfaat.

Selamat mencoba.