8 contoh formulir “Hubungi Kami” yang luar biasa untuk website

Formulir kontak biasanya dibuat paling akhir dan paling cepat: tiga kolom, tombol “Kirim”, beres. Padahal di depan formulir inilah pengunjung yang paling siap membeli berhenti sejenak dan memutuskan: menghubungi Anda, atau menutup tab. Yang menahan mereka biasanya hal-hal kecil. Kolom wajib yang terlalu banyak, atau pengisian yang menyulitkan di layar ponsel. Kerugiannya tidak terlihat di dasbor mana pun: permintaan yang batal dikirim tidak tercatat di mana-mana.

Di website, formulir jarang berdiri sendiri. Ia hampir selalu menjadi bagian dari halaman “Hubungi Kami”, jadi delapan contoh formulir kontak di bawah ini akan dilihat secara utuh, bersama halaman tempat formulir tersebut digunakan. Di bagian akhir ada checklist praktis untuk memeriksa halaman kontak website Anda sendiri.

Apa itu formulir kontak dan halaman “Hubungi Kami”?

Formulir kontak adalah sekumpulan kolom yang memungkinkan pengunjung website mengirim pesan atau memberikan data tanpa perlu membuka aplikasi email. Isinya bisa sesederhana nama, email, dan pesan, atau lebih rinci jika permintaan harus diarahkan ke tim tertentu.

Formulir tidak selalu ditempatkan di halaman tersendiri. Beberapa tempat yang biasanya digunakan antara lain:

• di halaman kontak tersendiri;
• di landing page, tepat di bawah bagian penawaran;
• di halaman produk, dekat informasi harga;
• di dalam pop-up yang muncul setelah pengunjung membaca separuh artikel;
• di bagian bawah artikel pusat bantuan.

Halaman “Hubungi Kami” adalah wadah yang lebih besar. Selain formulir, biasanya ada alamat kantor, nomor telepon, email, tautan WhatsApp, jam operasional, dan jalan pintas ke pusat bantuan. Formulir menangani satu tugas: menerima pesan. Halaman kontak menangani tugas yang lebih luas, yaitu membantu pengunjung memilih jalur tercepat untuk mendapatkan jawaban.

Jika diringkas, halaman kontak memiliki empat fungsi:

1. Menerima pesan dari siapa pun yang tidak menemukan jawabannya sendiri.

2. Mengarahkan permintaan ke departemen yang tepat sejak awal.

3. Mengumpulkan data secukupnya agar balasan pertama sudah bermanfaat.

4. Menyediakan kanal alternatif bagi orang yang enggan mengisi formulir.

Skenario idealnya sederhana. Pengunjung membuka halaman, memilih topik “Pertanyaan produk”, mengisi nama, email, dan pertanyaannya, menekan tombol, lalu melihat pesan konfirmasi yang menyebutkan bahwa tim membalas dalam satu hari kerja.

8 contoh formulir “Hubungi Kami” yang luar biasa

Delapan contoh halaman kontak berikut dipilih karena masing-masing menyelesaikan satu masalah dengan cara yang berbeda: memangkas langkah, memberi pilihan kanal, merapikan topik yang terlalu banyak, atau menyaring permintaan sebelum sampai ke tim. Perhatikan juga desain formulir kontak mereka, karena tata letak sering kali yang menentukan apakah orang selesai mengisi atau berhenti di tengah. Tiga contoh pertama berasal dari Indonesia, lima berikutnya dari perusahaan global.

1. Resmi.ID

Resmi.ID adalah platform Indonesia yang menyediakan halaman identitas digital untuk pelaku usaha kecil: satu alamat berisi profil, kontak, lokasi, dan status verifikasi bisnis.

Di halaman kontaknya, WhatsApp ditempatkan sejajar dengan formulir, bukan sebagai pelengkap kecil di bagian bawah halaman. Nomornya terlihat jelas, lengkap dengan jam operasional: Senin sampai Jumat, pukul 08.00–22.00 WIB.

Formulirnya sendiri hanya empat kolom: nama lengkap, email, subjek, dan pesan. Nomor telepon tidak diminta sama sekali.

Topik dipilih di dalam formulir lewat menu Subjek yang berisi lima pilihan: informasi layanan, verifikasi bisnis, kerja sama, dukungan teknis, dan lainnya. Pilihan itu menentukan ke mana pesan diteruskan.

Di kolom kiri ada penanda koneksi terenkripsi dan informasi mengenai respons cepat pada jam kerja, sedangkan tautan ke kebijakan privasi berada tepat di bawah tombol kirim. Detail kecil, tetapi cukup untuk menurunkan keraguan orang yang ragu memberikan data.

Poin penting: untuk audiens Indonesia, kombinasi WhatsApp dan formulir bertopik hampir selalu bekerja lebih baik daripada memilih salah satu saja.

Resmi.ID menempatkan WhatsApp sejajar dengan formulir bertopik. Sumber: resmi.id

2. DANA Enterprise

DANA adalah salah satu dompet digital terbesar di Indonesia, dan lini bisnisnya melayani merchant serta mitra korporat.

Halaman kontak bisnis DANA membagi pengunjung menjadi tiga arah sejak layar pertama.

• Merchant yang sudah bekerja sama diarahkan ke pusat bantuan merchant lewat dasbor mereka, dengan jam layanan yang disebutkan terbuka: setiap hari, pukul 09.00–22.00 WIB.
• Calon mitra bisnis diarahkan ke formulir tim penjualan, dengan ajakan menceritakan kebutuhan mereka lebih dulu.
• Pengguna aplikasi yang punya kendala akun diarahkan ke DIANA, asisten digital DANA, bukan ke formulir bisnis yang jelas salah alamat.

Poin penting: halaman kontak bisa bekerja sebagai pengatur lalu lintas. Tiga audiens dengan kebutuhan berbeda tidak perlu dipaksa masuk ke satu formulir yang sama.

DANA memisahkan tiga audiens di satu halaman kontak. Sumber: dana.id

3. Amerta Indah Otsuka

Produsen Pocari Sweat dan SOYJOY ini menerima beragam permintaan yang sangat luas: proposal acara, keluhan produk, pertanyaan konsumen, dan penawaran dari pemasok.

Tujuan menghubungi dipilih dari tiga opsi yang terlihat sekaligus: proposal acara atau sponsorship, komplain dan informasi produk, serta penawaran pemasok dan vendor. Pengunjung juga bisa melampirkan dokumen PDF atau Docx sampai 2 MB, berguna untuk proposal yang terlalu panjang dijelaskan di kolom pesan.

Di kolom kiri ada alamat kantor pusat dan dua pabrik, lengkap dengan nomor telepon dan faks masing-masing. Sebelum tombol kirim ada kotak persetujuan pemrosesan data pribadi dengan tautan ke kebijakan privasi.

Sisi lain dari formulir ini: umur, jenis kelamin, alamat, kota, dan nomor telepon tetap diminta, padahal tidak semua tujuan membutuhkannya. Orang yang hanya ingin bertanya soal produk mengisi hal yang sama dengan calon pemasok.

Poin penting: formulir panjang bisa dibenarkan jika setiap kolom benar-benar dipakai untuk memproses permintaan. Jika tidak, kolom tambahan hanya memperpanjang jarak menuju tombol kirim.

Michael Aagaard mengerjakan formulir pemesanan artis acara yang memiliki sembilan kolom, lalu memangkasnya menjadi enam. Konversinya justru turun 14%. Ternyata kolom yang ia buang adalah kolom yang paling ingin diisi pengunjung, seperti jenis acara dan jumlah tamu. Di percobaan kedua ia mengembalikan kesembilan kolom dan hanya memperbaiki teks labelnya. Hasilnya naik 19,2% (CXL).

Amerta Indah Otsuka menggabungkan pemilihan tujuan, lampiran dokumen, dan daftar alamat kantor dalam satu halaman. Sumber: aio.co.id

4. Kinsta

Kinsta adalah penyedia hosting terkelola, terutama untuk website berbasis WordPress.

Halaman kontaknya membagi pengunjung menjadi tiga kartu yang berdiri sejajar sejak layar pertama, masing-masing dengan penjelasan singkat untuk siapa kartu itu dibuat.

• Sales menangani pertanyaan soal harga, demo, dan pemilihan paket. Di kartunya ada nomor telepon, tombol WhatsApp, dan opsi menjadwalkan pertemuan.
• General contact untuk pertanyaan umum, lewat obrolan langsung, formulir pesan, atau email.
• 24/7 Support khusus pelanggan aktif, yang langsung diarahkan masuk ke MyKinsta, karena percakapan teknis berlangsung di dalam dasbor dan bukan di formulir publik.

Di bawah ketiga kartu ada tautan untuk pengunjung yang belum siap menghubungi siapa pun: halaman harga, program kemitraan agensi, dan program afiliasi.

Poin penting: satu halaman kontak bisa melayani tiga kebutuhan sekaligus tanpa satu pun formulir panjang, asalkan setiap jalur menyebutkan dengan jelas untuk siapa ia dibuat.

Kinsta membagi halaman kontaknya menjadi tiga jalur dengan sasaran yang berbeda. Sumber: kinsta.com

5. Stripe

Stripe menyediakan infrastruktur pembayaran untuk bisnis online, mulai dari toko kecil sampai perusahaan besar.

Formulir tim penjualannya mengumpulkan cukup banyak data: nama, email kerja, nama perusahaan, negara, dan gambaran kebutuhan bisnis. Jika semuanya ditampilkan sekaligus, halaman akan terlihat melelahkan sebelum diisi.

Karena itu informasi dikumpulkan secara bertahap, dengan label yang jelas dan tanpa hiasan visual. Satu kolom memuat satu pertanyaan.

Data tersebut bukan sekadar dikumpulkan tanpa tujuan. Negara dan skala bisnis menentukan tim mana yang akan menghubungi dan penawaran seperti apa yang masuk akal untuk dibahas.

Poin penting: jika Anda memang membutuhkan banyak data, kumpulkan secara bertahap. Formulir yang sama terasa jauh lebih ringan ketika dipecah menjadi beberapa langkah pendek.

Stripe mengumpulkan data bisnis secara bertahap, bukan dalam satu daftar panjang. Langkah pertama hanya meminta email kerja dan negara. Sumber: stripe.com

Baru di langkah kedua muncul pertanyaan tentang jabatan, situs perusahaan, dan volume pembayaran bulanan. Sumber: stripe.com

6. Accenture

Accenture adalah perusahaan konsultan bisnis dan teknologi global.

Perusahaan sebesar ini menghadapi masalah yang tidak selalu dimiliki bisnis kecil: terlalu banyak alasan orang menghubungi mereka. Klien, pelamar kerja, mitra, investor, media, pemasok, mantan karyawan, dan karyawan aktif.

Halaman kontaknya dibuka dengan pertanyaan “How can we help?” dan delapan kartu audiens yang ditampilkan sekaligus. Setiap kartu menjelaskan untuk siapa ia dibuat dan ke mana tautannya mengarah, jadi sebagian besar pengunjung dapat keluar dari halaman ini tanpa mengisi apa pun.

Formulir di bagian bawah halaman, di bawah judul “Need something else?”, menerima semua jenis permintaan. Dropdown “Inquiry Type” mengulang kedelapan kategori dari kartu di atas dan menambahkan satu pilihan lagi: “Other”, untuk hal yang tidak masuk daftar mana pun. Kartu Clients bahkan membawa pengunjung langsung turun ke formulir ini, sedangkan kartu lainnya mengarah ke halaman terpisah terlebih dulu.

Formulir tersebut meminta jenis permintaan, nama, email, perusahaan, negara, dan uraian kebutuhan. Nomor telepon dan jabatan bersifat opsional. Sebelum tombol kirim ada kotak persetujuan pemrosesan data dan reCAPTCHA.

Poin penting: audiens yang beragam bisa dilayani dua lapis sekaligus. Kartu di atas memberi jalan pintas ke halaman yang tepat, sementara formulir di bawah menampung semua orang yang lebih suka langsung menulis pesan.

Accenture membuka halaman kontaknya dengan delapan kartu audiens, bukan dengan formulir. Sumber: accenture.com

Formulir baru muncul setelah kartu, untuk pengunjung yang belum menemukan jawaban di halaman khusus. Sumber: accenture.com

7. Scribd

Scribd adalah bagian dari Scribd, Inc., yang juga menaungi Everand untuk ebook dan audiobook serta Slideshare untuk presentasi.

Ketiganya berbagi dalam satu pusat bantuan. Karena itu langkah pertama di halaman bukan mengisi apa pun, melainkan memilih produk. Di atas pilihan itu ada kolom pencarian, di bawahnya dua kategori artikel: informasi umum, serta akun dan langganan.

Jalur menuju tim dukungan baru muncul di bagian paling bawah, dalam satu blok kecil: “Masih ada pertanyaan?” dengan tombol memulai obrolan. Tidak ada formulir panjang, tidak ada alamat email yang ditampilkan.

Poin penting: jika satu perusahaan menaungi beberapa produk, pemilihan produk adalah pertanyaan pertama yang harus dijawab. Tanpa itu, hampir setiap pesan yang masuk butuh satu putaran klarifikasi sebelum bisa ditangani.

Di halaman utama pusat bantuan Scribd tidak ada formulir kontak, hanya pencarian, pilihan produk, dan tombol obrolan di bagian bawah. Sumber: scribd.com

8. Grammarly

Grammarly adalah asisten menulis berbasis AI yang memeriksa tata bahasa dan gaya tulisan dalam bahasa Inggris.

Halaman kontaknya mungkin yang paling ringkas di daftar ini. Satu judul, satu kalimat sambutan, lalu tiga kartu sejajar: Sales, Help & Support, dan Press. Tidak ada satu pun kolom isian di sini, karena halaman ini hanya menjawab satu pertanyaan: ke mana Anda harus pergi.

Setiap kartu punya dua tingkat tindakan. Tombol utama membawa ke tujuan, sementara tautan kecil di bawahnya menawarkan jalan mandiri: “Explore Plans” untuk yang belum siap berkomunikasi dengan tim penjualan, dan “Submit a Support Request” untuk yang sudah tahu persis masalahnya.

Formulirnya sendiri baru muncul setelah tombol “Contact Sales” ditekan, dan isinya jelas ditujukan untuk perusahaan: email kerja, fungsi, tingkat jabatan, nama dan ukuran perusahaan, negara. Di sebelahnya ada penjelasan produk, logo klien, serta dua jalan keluar bagi yang salah memilih tujuan, yaitu tautan ke Grammarly Pro untuk tim kecil dan ke tim penjualan untuk bagian pendidikan.

Poin penting: halaman kontak tidak harus mengumpulkan apa pun. Ketika penyaringan sudah terjadi lewat kartu, formulir di halaman tujuan bisa langsung meminta data yang spesifik tanpa terasa berlebihan.

Halaman “Get in Touch” Grammarly hanya mengarahkan, tanpa satu pun kolom isian. Sumber: grammarly.com

Formulir baru muncul setelah tombol Contact Sales, dan pertanyaannya khusus untuk perusahaan. Sumber: grammarly.com

Checklist formulir kontak yang efektif

Gunakan daftar ini sebagai pemeriksaan cepat sebelum formulir kontak website dipublikasikan, lalu ulangi setiap kuartal. Daftar ini juga berguna jika Anda memulai dari template formulir kontak siap pakai, karena template bawaan hampir selalu perlu disesuaikan dengan proses kerja tim Anda.

1. Tentukan satu tujuan utama formulir. Formulir untuk mengumpulkan prospek dan formulir untuk menerima keluhan tidak bisa disatukan tanpa mengorbankan keduanya.

2. Sisakan hanya kolom yang wajib. Setiap kolom tambahan adalah alasan baru untuk berhenti mengisi. Jika data bisa dicari sendiri nanti, jangan diminta sekarang.

3. Tambahkan kategori permintaan. Satu dropdown topik di awal menghemat waktu tim jauh lebih banyak daripada tiga kolom tambahan di akhir.

4. Gunakan logika kondisional bila perlu. Kolom tambahan muncul hanya untuk topik yang membutuhkannya. Jika permintaan perlu disaring lebih dalam sebelum sampai ke tim penjualan, kuis pra-kualifikasi bisa menggantikan formulir panjang.

5. Tulis tombol yang menjelaskan hasil. “Minta Penawaran” atau “Hubungi Tim Sales” jauh lebih jelas daripada “Submit”.

6. Jelaskan apa yang terjadi setelah pengiriman. Satu kalimat microcopy di bawah tombol sudah cukup.

7. Sebutkan perkiraan waktu respons. “Kami membalas dalam 1 hari kerja” menurunkan jumlah pesan pengulangan.

8. Sediakan kanal alternatif. Email, telepon, chat, atau WhatsApp, terutama untuk audiens Indonesia.

9. Uji formulir di ponsel sungguhan. Bukan di mode responsif browser. Perhatikan ukuran tombol, jenis keyboard yang muncul, dan jarak antarkolom. Periksa juga aksesibilitas dasarnya: kontras label, ukuran teks, dan apakah formulir bisa dilalui hanya dengan keyboard.

10. Pasang perlindungan spam yang tidak mengganggu. CAPTCHA sederhana, honeypot, atau validasi email sudah menutup sebagian besar kasus.

11. Letakkan tautan kebijakan privasi di dekat tombol, bukan hanya di footer.

12. Periksa jalur data ke CRM atau email. Formulir bisa terlihat normal padahal permintaannya tidak pernah sampai ke siapa pun. Otomatisasi setelahnya, misalnya balasan otomatis dan penugasan ke anggota tim, juga perlu diuji sekali sebelum diandalkan.

13. Pantau angka pengisian dan pembatalan. Analitik formulir menunjukkan di kolom mana pengunjung berhenti.

14. Kirim permintaan uji secara berkala. Sebulan sekali, dari perangkat yang berbeda.

Cara tercepat memakai daftar ini bukan membacanya, melainkan mengisi formulir Anda sendiri dari ponsel, seolah-olah Anda pelanggan yang sedang buru-buru. Sebagian besar masalah di daftar ini akan terasa sebelum Anda sampai ke tombol kirim.

Kalau formulirnya belum ada sama sekali, membangunnya dari nol bukan satu-satunya pilihan. Template siap pakai, misalnya formulir penangkap prospek dari Marquiz, sudah membawa struktur dasarnya, dan sisanya tinggal disesuaikan dengan warna brand serta proses kerja tim Anda.

Kesalahan umum saat membuat formulir kontak

Kesalahan di bawah ini muncul berulang kali, di website besar maupun kecil. Hampir semuanya bisa diperbaiki dalam sekejap, tanpa perlu mendesain ulang apa pun.

❌ Terlalu banyak kolom wajib. Setiap tanda bintang menambah alasan untuk menutup halaman. Jadikan wajib hanya data yang benar-benar dibutuhkan untuk membalas.

❌ Nomor telepon wajib tanpa penjelasan. Banyak orang menolak memberikan nomor kepada perusahaan yang belum mereka kenal. Jadikan opsional, atau tulis alasannya dalam satu kalimat.

❌ Satu formulir untuk penjualan dan dukungan. Permintaan bercampur, prioritas menjadi hilang, dan pelanggan yang punya masalah mendesak menunggu di belakang pertanyaan harga. Pisahkan berdasarkan kategori topik.

❌ Tombol yang tidak menjelaskan apa-apa. “Kirim” tidak memberi tahu apa yang akan didapat pengunjung. Ganti dengan CTA berbasis manfaat.

❌ Tidak ada pesan konfirmasi. Tanpa tanda apa pun, orang akan mengirim ulang pesan yang sama atau menganggap formulirnya rusak. Tampilkan konfirmasi di layar, bukan hanya email otomatis.

❌ Waktu respons tidak disebutkan. Ketidakpastian membuat pengunjung mencari perusahaan lain sambil menunggu balasan.

❌ Pengisian menyulitkan di ponsel. Kolom sempit, tombol kecil, keyboard salah jenis. Uji langsung di perangkat, bukan hanya di simulator.

❌ CAPTCHA yang terlalu sulit. Kalau pengunjung harus memilih gambar tiga kali, Anda justru berisiko memblokir manusia, bukan bot.

❌ Tidak ada kanal alternatif. Sebagian orang tidak akan pernah mengisi formulir. Beri mereka WhatsApp atau email.

❌ Penanganan data pribadi tidak dijelaskan. Tanpa kotak persetujuan dan tautan kebijakan privasi, formulir terasa mencurigakan, dan di Indonesia hal ini juga menyangkut kepatuhan terhadap UU PDP.

❌ Semua permintaan masuk ke satu kotak masuk bersama. Di sana pesan tenggelam di antara notifikasi. Arahkan ke CRM atau setidaknya ke label terpisah dengan penanggung jawab yang jelas.

❌ Formulir terlihat normal, tetapi tidak mengirim apa pun. Kesalahan paling mahal dan paling sering luput. Integrasi bisa putus setelah pembaruan tema atau perubahan alamat email. Kirim permintaan uji secara rutin.

Satu formulir, sembilan kesalahan dari daftar di atas sekaligus

Pertanyaan yang sering diajukan — FAQ

Apa saja kolom yang wajib ada dalam formulir kontak?

Untuk sebagian besar kasus, nama, email, dan kolom pesan sudah cukup. Sisanya tergantung tujuan formulir. Formulir penjualan mungkin membutuhkan nama perusahaan, sedangkan formulir dukungan lebih membutuhkan nomor pesanan atau kategori masalah.

Berapa jumlah kolom yang ideal untuk formulir “Hubungi Kami”?

Tidak ada angka universal. Patokannya bukan jumlah, melainkan fungsi: minta informasi paling sedikit yang cukup untuk melakukan langkah berikutnya. Kalau sebuah kolom tidak memengaruhi cara Anda menanggapi, kolom itu bisa dihapus.

Apakah nomor telepon harus dijadikan kolom wajib?

Hanya kalau panggilan memang bagian wajib dari proses, misalnya konsultasi berbayar atau verifikasi pesanan. Jika demikian, jelaskan alasannya di dekat kolom. Di luar itu, nomor telepon sebaiknya opsional.

Bagaimana cara mencegah spam tanpa mengganggu pengguna?

Mulai dari perlindungan yang tidak terlihat: honeypot, validasi format email, dan pembatasan jumlah pengiriman dari satu alamat IP. Kalau spam masih lolos, tambahkan CAPTCHA sederhana. Verifikasi berlapis sebaiknya jadi pilihan terakhir.

Bagaimana mengukur apakah formulir kontak efektif?

Pantau lima indikator: jumlah pengisian yang dimulai, jumlah yang selesai, kolom tempat pengunjung berhenti, kualitas permintaan yang masuk, dan kecepatan tim dalam merespons. Angka terakhir yang paling penting, yaitu berapa banyak permintaan yang berlanjut ke tahap berikutnya.

Pesan untuk diingat

📌 Contoh-contoh formulir dalam artikel ini memperpendek jarak antara pertanyaan dan jawaban. Ada yang memilah audiens melalui kartu sebelum formulir muncul, ada yang menaruh WhatsApp tepat di samping formulir, ada yang memindahkan formulirnya ke halaman tujuan.

📌 Formulir kontak yang baik bukanlah formulir yang meminta data paling banyak, melainkan formulir yang membantu pengguna menghubungi tim yang tepat dengan usaha paling sedikit.