Banyak pemilik UMKM bertanya: bagaimana caranya supaya calon pembeli bisa langsung chat WhatsApp tanpa harus mengetik nomor manual? Jawabannya sederhana: pasang tombol WhatsApp Business di website. Fitur ini menghilangkan hambatan komunikasi dan mempercepat proses belanja.
Artikel ini menjelaskan cara memasang WhatsApp Business di website WordPress, mulai dari persiapan akun hingga pemasangan tombol chat yang tampil di semua halaman. Ikuti langkah-langkah di bawah ini.
Persiapan Akun WhatsApp Business
Sebelum memasang tombol ke website, pastikan akun WhatsApp Business sudah siap. Unduh aplikasi WhatsApp Business dari Play Store atau App Store. Daftarkan nomor telepon khusus bisnis — jangan pakai nomor pribadi. Isi profil lengkap: nama usaha, kategori, alamat, jam operasional, deskripsi singkat, dan foto profil yang jelas.
- Nomor telepon khusus bisnis (bisa beli nomor baru atau pakai nomor kedua)
- Nama usaha sesuai yang terdaftar
- Kategori usaha yang tepat (misal: Retail, Makanan & Minuman, Jasa)
- Alamat lengkap dan jam buka tutup
- Deskripsi bisnis maksimal 256 karakter
- Foto profil logo atau produk andalan
Dapatkan Link Chat Langsung (Click-to-Chat)
WhatsApp menyediakan format link standar: https://wa.me/628xxxxxxxxxx. Ganti 628xxxxxxxxxx dengan nomor WhatsApp Business Indonesia (awalan 62, tanpa nol di depan). Tambahkan teks otomatis dengan parameter ?text= agar pelanggan tidak perlu mengetik dari nol.
Contoh link lengkap: https://wa.me/6281234567890?text=Halo%2C%20saya%20tertarik%20dengan%20produk%20Anda. Setelah diklik, aplikasi WhatsApp terbuka langsung dengan pesan siap kirim. Uji link di browser sebelum dipasang ke website.
Pasang Tombol WhatsApp di Website WordPress Tanpa Plugin
Cara paling ringan tanpa plugin: gunakan widget HTML kustom di footer atau sidebar. Masuk ke dashboard WordPress → Tampilan → Widget → tarik widget “HTML Kustom” ke area Footer atau Sidebar. Tempel kode berikut lalu ganti link WhatsApp Anda.
Chat WhatsApp
Tambahkan CSS di Customizer → CSS Tambahan agar tombol tetap terlihat di sudut layar:
.wa-button {
position: fixed;
bottom: 20px;
right: 20px;
background: #25D366;
color: white;
padding: 12px 18px;
border-radius: 50px;
display: flex;
align-items: center;
gap: 8px;
text-decoration: none;
font-weight: 600;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
z-index: 9999;
}
.wa-button:hover { background: #128C7E; }Gunakan Plugin Khusus WhatsApp (Alternatif Mudah)
Jika tidak ingin urus kode, gunakan plugin gratis seperti “Click to Chat for WhatsApp” atau “WhatsApp Chat Button”. Install via Plugin → Tambah Baru → cari nama plugin → Install → Aktifkan. Masuk ke pengaturan plugin, masukkan nomor WhatsApp, atur teks sapaan, pilih posisi tombol (kiri/kanan bawah), dan simpan.
- Click to Chat for WhatsApp — ringan, pengaturan lengkap, gratis
- WhatsApp Chat Button — tampilan modern, support multi-agent
- JoinChat — populer, ada versi pro untuk analytics
Optimasi Tampilan untuk Mobile
Sebagian besar pengunjung UMKM datang dari HP. Pastikan tombol WhatsApp tidak menutupi konten penting. Ukuran minimum area sentuh 48×48 piksel (standar Google). Jangan letakkan terlalu dekat dengan navigasi menu atau tombol “Beli Sekarang”. Uji di HP sendiri: buka website, scroll naik turun, coba klik tombol WhatsApp — harus langsung terbuka aplikasi chat.
Tambahkan media query CSS untuk layar kecil:
@media (max-width: 480px) {
.wa-button { bottom: 15px; right: 15px; padding: 10px 14px; font-size: 14px; }
}Tambahkan Nomor WhatsApp di Header dan Halaman Kontak
Tombol floating saja tidak cukup. Taruh nomor WhatsApp (bisa diklik) di header website dan halaman Kontak. Di header, gunakan ikon telepon + teks “Hubungi Kami via WhatsApp”. Di halaman Kontak, sertakan link chat langsung dengan teks sapaan kontekstual: “Tanya soal produk”, “Konsultasi harga”, “Cek ketersediaan stok”.
Contoh link kontekstual untuk halaman Kontak:
- Produk:
https://wa.me/6281234567890?text=Halo%2C%20saya%20mau%20tanya%20produk - Harga:
https://wa.me/6281234567890?text=Halo%2C%20berapa%20harga%20terbaru%3F - Konsultasi:
https://wa.me/6281234567890?text=Halo%2C%20saya%20butuh%20konsultasi%20gratis
Manfaat Nyata untuk UMKM
Data dari Meta menunjukkan bisnis yang memasang tombol WhatsApp di website naik hingga 27% konversi chat dibanding hanya menampilkan nomor. Pelanggan Indonesia nyaman chat WhatsApp — 90% pengguna internet di Indonesia pakai WhatsApp harian. Waktu respon cepat (kurang 5 menit) bikin kepercayaan naik drastis.
Contoh nyata: warung kopi di Bandung pasang tombol WhatsApp di website sederhana. Sebulan kemudian, pesan online naik 40% karena pelanggan bisa pesan saat di jalan tanpa perlu telepon. Biaya hanya waktu setup 15 menit.
Kesalahan Umum yang Harus Dihindari
- Pakai nomor pribadi bukan nomor bisnis — campur aduk chat pribisi & bisnis
- Tidak isi profil WhatsApp Business lengkap — terkesan tidak profesional
- Teks sapaan terlalu panjang — pelanggan malas edit sebelum kirim
- Tombol tersembunyi di mobile — CSS tidak responsive
- Tidak test link sebelum publish — link rusak bikin frustrasi pelanggan
Butuh Website yang Sudah Siap Pakai WhatsApp?
Memasang WhatsApp Business cuma satu bagian. Website UMKM butuh struktur halaman yang jelas, loading cepat, aman HTTPS, dan tampil bagus di HP. Kalau belum punya website atau website lama butuh perbaikan, tim kami siap bantu mulai dari 400 ribu rupiah. Hubungi kami lewat tombol WhatsApp di situs ini — kita bahas kebutuhan usaha Anda tanpa komitmen dulu.