Tombol WhatsApp di Website Bisnis: Memasangnya Tanpa Mengganggu

Oleh · 26 Oktober 2026 · 4 menit baca

Ilustrasi dua ponsel: tombol chat yang menutupi tombol formulir ditandai salah, tombol chat kecil yang tidak menutupi isi ditandai benar

Banyak pembeli di Indonesia lebih suka chat daripada mengisi formulir. Wajar kalau Anda ingin memasang tombol WhatsApp di website. Masalahnya, tombol yang dipasang asal-asalan sering malah mengganggu: menutupi tombol lain di ponsel, membuka nomor yang salah, atau membuat website terasa lambat.

Artikel ini membahas cara memasang tombol WhatsApp yang membantu pembeli menghubungi Anda, tanpa merusak pengalaman mereka membaca website.

Tombol WhatsApp melengkapi, bukan menggantikan formulir

Chat cocok untuk pertanyaan cepat: stok, ukuran, ongkos kirim, atau sekadar memastikan Anda masih aktif. Tapi tidak semua pembeli B2B mau chat. Bagian pengadaan di perusahaan besar sering butuh jalur yang tercatat, misalnya email atau formulir permintaan penawaran yang bisa diteruskan ke atasan.

Jadi pasang keduanya. Tombol WhatsApp untuk yang ingin cepat, formulir dan email untuk yang butuh jalur resmi. Pembeli memilih sendiri.

Buat tautan yang benar

Tombol WhatsApp di website pada dasarnya adalah tautan "click to chat". Menurut pusat bantuan WhatsApp, formatnya https://wa.me/ diikuti nomor telepon lengkap dalam format internasional, tanpa angka nol di depan, tanda kurung, atau tanda strip.

Untuk nomor Indonesia, artinya angka 0 di depan diganti kode negara 62. Nomor 0812-xxxx-xxxx ditulis menjadi https://wa.me/62812xxxxxxxx. Jangan pakai tanda plus.

WhatsApp juga mendukung pesan yang sudah terisi otomatis lewat parameter ?text=. Manfaatkan ini supaya tim Anda langsung tahu konteksnya. Misalnya, tombol di halaman produk tertentu bisa mengisi pesan "Halo, saya ingin tanya tentang [nama produk]". Pesan ini tetap bisa diubah pembeli sebelum dikirim.

Beberapa hal lagi:

  • Pakai nomor bisnis, bukan nomor pribadi karyawan. Kalau karyawan itu keluar, pembeli Anda ikut pergi bersamanya.
  • Pertimbangkan nomor berbeda per divisi. Kalau penjualan dan layanan purna jual dipegang tim yang berbeda, tombol di halaman produk dan halaman layanan bisa mengarah ke nomor masing-masing, supaya chat tidak menumpuk di satu orang.
  • Coba tautannya sendiri di ponsel dan di komputer setiap kali nomornya berubah.

Letak dan ukuran: jangan menutupi isi

Tombol mengambang di pojok kanan bawah sudah umum dan mudah dikenali. Tapi di layar ponsel, tombol ini sering menutupi hal penting: tombol "kirim" di formulir, menu bawah, atau banner cookie.

  • Buat tetap kecil. Ikon bulat dengan ukuran yang mudah disentuh sudah cukup. Panduan aksesibilitas WCAG 2.2 menetapkan ukuran target sentuh minimal 24 x 24 piksel CSS untuk level AA. Di praktiknya, banyak tombol dibuat lebih besar dari itu agar nyaman di jari.
  • Beri jarak dari tepi dan dari elemen lain. Periksa setiap halaman di ponsel, terutama halaman yang punya formulir.
  • Jangan membuka jendela chat otomatis. Google menyebut elemen yang menghalangi pandangan pengguna ke isi halaman sebagai "interstitial" yang mengganggu, dan menyarankan banner kecil sebagai gantinya. Pop-up chat yang muncul sendiri beberapa detik setelah halaman dibuka termasuk jenis gangguan ini.
  • Beri label yang jelas. Di komputer, tulisan pendek seperti "Chat via WhatsApp" di samping ikon membantu orang yang belum terbiasa.

Hindari widget yang memberatkan

Ada dua cara memasang tombol WhatsApp. Pertama, tautan biasa dengan ikon: ringan dan tidak memuat apa pun dari pihak lain. Kedua, widget chat dari pihak ketiga yang menampilkan jendela, foto agen, dan animasi.

Widget pihak ketiga memuat skrip tambahan. Panduan web.dev dari Google mencatat bahwa skrip pihak ketiga bisa memperlambat website. Untuk sekadar membuka WhatsApp, tautan biasa sudah cukup. Kalau Anda tetap butuh widget, ukur kecepatan website sebelum dan sesudah memasangnya. Periksa juga apakah widget itu menambah ikon kedua yang bertumpuk dengan tombol lain di layar ponsel.

Siapkan sisi WhatsApp-nya

Tombol yang bagus percuma kalau chat-nya tidak dibalas. Sebelum memasang tombol, pastikan:

  • Ada orang yang bertanggung jawab membalas, termasuk penggantinya saat cuti.
  • Jam kerja tertulis di dekat tombol atau di halaman kontak, supaya pembeli tahu kapan bisa berharap dibalas.
  • Fitur WhatsApp Business dipakai. Aplikasi WhatsApp Business punya pesan sapaan otomatis untuk pelanggan yang pertama kali menghubungi, pesan saat tidak di tempat, dan balasan cepat untuk pertanyaan yang sering muncul. Balasan cepat bisa disimpan sampai 50 buah.

Jangan menulis janji seperti "dibalas dalam 5 menit" kalau tim Anda belum tentu sanggup. Jam kerja yang jujur lebih dipercaya daripada janji yang sering meleset.

Ukur apakah tombolnya dipakai

Kalau website Anda memakai Google Analytics 4 dengan pengukuran yang disempurnakan (enhanced measurement) aktif, klik ke tautan yang mengarah keluar domain Anda tercatat sebagai peristiwa click. Karena tautan WhatsApp mengarah ke wa.me, klik tombol ini ikut tercatat. Dari sana Anda bisa melihat halaman mana yang paling banyak menghasilkan chat.

Cara sederhana lain: bedakan pesan otomatis per halaman. Tim penjualan langsung tahu chat itu datang dari halaman produk, halaman kontak, atau artikel.

Daftar periksa sebelum tombol dipasang

  1. Nomor dalam format internasional, diawali 62, tanpa plus, strip, atau spasi.
  2. Pesan otomatis sesuai halaman tempat tombol berada.
  3. Tombol tidak menutupi formulir, menu, atau tombol lain di ponsel.
  4. Tidak ada jendela chat yang terbuka sendiri.
  5. Website tetap cepat setelah tombol dipasang.
  6. Ada orang yang membalas, dan jam kerjanya tertulis.
  7. Formulir dan email tetap tersedia untuk pembeli yang butuh jalur resmi.

Tombol WhatsApp yang baik hampir tidak terasa sampai pembeli membutuhkannya. Setelah diklik, chat-nya langsung ke orang yang tepat dengan konteks yang jelas.

Kalau website Anda terasa berat setelah memasang berbagai widget, baca penyebab website perusahaan lambat. Untuk menimbang peran chat dan media sosial, lihat website atau media sosial untuk bisnis B2B. Ingin website dengan tombol kontak yang rapi di semua perangkat? Lihat layanan pembuatan website kami.