Buat Formulir Kontak WordPress Kustom dalam 2 menit

Mari kita realistis: kebanyakan orang benci mengisi formulir kontak, dan kebanyakan pemilik situs web lebih benci lagi membuatnya—terutama saat Anda harus membayar hanya untuk menambahkan bidang kustom dasar. Jika Anda pernah mencari “cara membuat formulir kontak WordPress yang disesuaikan” dan merasa frustrasi oleh semua batasan serta fitur dan bidang yang terkunci, Anda tidak sendirian.
Itulah tepatnya alasan mengapa kami akan membahas Bit Form—dengan plugin pembuat formulir seperti Bit Form, Anda dapat menyesuaikan sebuah formulir kontak kolom dan desain tanpa keringat, langsung di versi gratis. Dengan fungsionalitasnya yang luas, Anda dapat meningkatkan pengalaman pengguna. Tanpa biaya tersembunyi, tanpa pop-up “tingkatkan untuk membuka”, hanya pembuatan formulir yang mulus dan fleksibel.
Dalam panduan ini, saya telah berbagi cara membuat formulir kontak WordPress yang disesuaikan dengan bidang dan gaya kustom. Sebagai bonus, Anda akan mempelajari praktik terbaik untuk meningkatkan tingkat pengiriman formulir tanpa biaya tambahan atau memilih formulir yang membosankan dan generik.
Lihat Bagaimana Formulir Kustom Mendorong Hasil Lebih Baik di Berbagai Metrik!

Formulir kontak dasar – segelintir prospek. Yang canggih – peluang tak terbatas! Sebagaimana ditunjukkan dalam diagram lingkaran ini,
Waktu penyelesaian formulir dari sebuah formulir kontak yang dirancang dengan baik adalah 2,9%. Namun, jika berbicara tentang desain formulir kontak dasar, waktu penyelesaiannya bisa mencapai 10–15%.
Lagi, kepercayaan pengguna Formulir kontak yang disesuaikan memiliki nilai 35%, sedangkan formulir kontak dasar dapat meningkatkan kepercayaan pengguna sebesar 20–25%.
Yang tingkat konversi Nilai untuk formulir kontak cerdas adalah 26,5%. Sedangkan untuk formulir kontak biasa, nilainya hanya 10–15%. Nah, Anda bisa langsung melihat perbedaannya!
Dan juga kualitas prospek Ukuran formulir kontak cerdas adalah 29,4%. Sementara itu, ukuran formulir kontak dasar adalah 15-20%.
Terakhir, tingkat pengabaian Nilai untuk formulir kontak cerdas adalah 5,9%. Sedangkan untuk formulir kontak dasar nilainya 40-50%. Perbedaannya sangat besar. Jadi, Anda sudah tahu caranya sekarang!
Anda Bisa Menghasilkan Lebih Banyak Prospek dengan Desain Formulir Kontak WordPress Kustom yang Cerdas — Inilah Alasannya!
Tingkat konversi yang rendah benar-benar menyakitkan bagi setiap pemilik bisnis. Frustrasi memuncak ketika Anda tidak dapat mengetahui penyebabnya. Yah, alasan yang sah di balik penurunan penjualan adalah kurangnya desain formulir kontak yang cerdas. Tepatnya, ada perbedaan besar antara formulir kontak dasar dan cerdas. Ketika Anda optimalkan desain formulir untuk konversi, Anda menarik perhatian pengguna dan meningkatkan tingkat konversi. Siap untuk belajar caranya? Baca poin-poin di bawah ini untuk mengetahui semuanya:
Kualifikasi Prospek yang Efektif
Desain formulir kontak yang baik dapat memberi Anda prospek berkualitas dengan cepat. Dan ketika saya mengatakan ini, saya tidak berbicara tentang formulir acak yang asal dimasukkan! Desain formulir yang cerdas mencakup keduanya: kolom khusus + gaya.
Jika Anda merancang formulir yang selaras dengan kebutuhan dan selera pengguna, mereka tidak akan berpikir dua kali untuk mengisi formulir kontak. Semua ini memberi Anda prospek berkualitas dan meningkatkan tingkat konversi.
Profesionalisme & Kredibilitas
Formulir kontak yang berantakan tidak terlihat profesional. Selain itu, hal ini meninggalkan kesan buruk di benak pengguna. Yah, saya yakin Anda tidak ingin menghadapi hal seperti itu. Jadi, jika Anda benar-benar ingin membangun citra merek, formulir kontak Anda harus terlihat profesional dan sesuai dengan warna merek Anda. Langkah ini akan meningkatkan kredibilitas merek dan memperkuat reputasinya.
Gesekan Berkurang
Apakah Anda sadar bahwa faktor terbesar yang berkontribusi pada tingkat konversi yang lebih rendah adalah hambatan dalam formulir kontak? Hambatan ini meliputi formulir yang panjang, pertanyaan yang ambigu, responsivitas seluler yang buruk, dan kurangnya panduan yang jelas. Nah, formulir kontak yang dirancang dengan baik tidak memiliki masalah hambatan. Formulir-formulir ini percakapan dan mudah dipahami. Ketika pengguna merasakan hambatan yang berkurang dalam formulir kontak, kemungkinan besar mereka akan beralih menjadi konversi.
Contoh Kasus yang Menunjukkan Dampak Desain Formulir Kontak yang Cerdas!

Form kontak sebuah perusahaan sebelumnya mengalami tingkat konversi yang lebih rendah. Setelah mereka mengubahnya menjadi formulir kontak dinamis, pengiriman formulir meningkatkan tingkat konversi!
Contoh kasus lain menunjukkan bahwa formulir kontak memiliki tingkat pengunduran diri yang lebih tinggi. Namun, mereka memperbaiki formulir tersebut dengan menambahkan logika bersyarat, yang berhasil menurunkan tingkat pengunduran diri dan memberikan hasil yang lebih baik.
Temukan Opsi Kustomisasi Formulir Kontak Tingkat Lanjut yang Canggih
Nama, email, pesan – dan voila, sudah selesai? Di sinilah banyak bisnis sering melakukan kesalahan! Jadi, apa solusinya? Nah, Anda harus menggunakan fitur-fitur canggih untuk meningkatkan fungsionalitas formulir. Dan hanya memiliki bentuk yang fungsional – itu saja tidak akan berhasil!
Anda juga sebaiknya membuat formulir kontak tersebut menarik secara visual. Untuk menerapkan hal-hal berikut ini, Anda perlu mengetahui beberapa fitur yang sangat berguna penyesuaian formulir kontak tingkat lanjut pilihan. Jadi, gulir ke bawah untuk mengetahui lebih lanjut tentang pilihan-pilihan tersebut:
Formulir Multi-Langkah
Pengguna seringkali merasa kesulitan untuk mengisi formulir yang panjang. Namun solusinya mudah. Jika Anda ingin menambahkan beberapa kolom ke formulir kontak Anda, Anda dapat melakukannya dalam multi-langkah desain. Dengan trik ini, calon pelanggan akan langsung mengisi formulir kontak. Namun, pastikan bidang-bidang tersebut relevan dan sesuai dengan kebutuhan pengguna. Jika tidak, bahkan formulir multi-langkah pun tidak akan bisa menghasilkan prospek berkualitas.
Logika Bersyarat
Yang logika kondisional fitur memungkinkan Anda untuk menjalankan tindakan yang berbeda ketika kondisi tertentu terpenuhi. Dengan pengaturan ini, Anda dapat membuat bidang formulir kontak dinamis. Mulai dari membuat kalkulator KPR hingga menyiapkan formulir pemesanan produk daring, logika bersyarat dapat menangani semuanya.
Perlindungan dari Spam & Keamanan
Apakah Anda bosan dengan bot yang membanjiri formulir kontak Anda? Nah, Anda harus menambahkan sebuah reCAPTCHA atau kolom hCAPTCHA untuk melindungi formulir dari serangan spam. Namun, pilihan antara keduanya bergantung pada kebutuhan Anda. Jika Anda menginginkan fitur perlindungan spam yang sederhana, maka hCAPTCHA adalah pilihan yang tepat.
Namun, jika Anda menginginkan perlindungan spam tingkat lanjut yang menawarkan solusi paling mudah bagi pengguna, pilihlah reCAPTCHA. Nah, beberapa plugin pembuat formulir Seperti Bit Form, platform ini menyediakan kolom perlindungan spam bawaan, sehingga Anda tidak perlu lagi melakukan pengkodean secara manual.
Tema
Desain formulir kontak Anda sangat penting – formulir yang terlihat biasa-biasa saja tidak akan efektif dalam meningkatkan konversi! Lalu, apa solusinya? Anda harus mendesain formulir tersebut sedemikian rupa sehingga mampu menarik perhatian pengguna. Mulai dari kolom hingga latar belakang, warna-warna pada formulir harus saling melengkapi. Selain itu, desainnya juga harus selaras dengan citra merek Anda. Dengan pendekatan ini, Anda dapat menciptakan kesan yang baik di benak pengguna.
Jadi, kamu ingin hasil yang lebih baik? Kalau begitu, kamu harus menggunakan plugin yang memungkinkanmu mengedit setiap detail sesuai keinginanmu. Nah, saya merekomendasikan plugin Bit Form, karena plugin formulir WordPress ini memberi Anda pilihan penyesuaian yang tak terbatas. Dengan plugin ini, Anda dapat mendesain formulir menggunakan umum atau individu elemen-elemen tersebut dan membuatnya terlihat profesional.
Panduan Langkah demi Langkah Membuat Formulir Kontak WordPress yang Disesuaikan
Menggunakan Plugin Bit Form, Anda dapat menggunakan lebih dari 45 bidang pintar dan menyesuaikannya sesuai kebutuhan Anda. Nah, ingin tahu cara menyesuaikan formulir kontak WordPress secara efisien? Simak panduan langkah demi langkah di bawah ini:
Langkah 1: Instal Bit Form

Pertama-tama, buka menu "Tambahkan Plugin" > "Cari Plugin". Kemudian, cari "Bit Form". Selanjutnya, instal dan aktifkan plugin tersebut.
Langkah 2: Klik Buat Formulir

Sekarang, buka dasbor Bit Form > Buat Formulir
Langkah 3: Sesuaikan Bidang

Sekarang, Anda dapat mencari kolom yang diinginkan melalui opsi pencarian. Saya telah menyeret kolom “Nama Depan” dan mengubah labelnya menjadi “Nama”. Anda dapat mengikuti langkah yang sama untuk membuat kolom formulir khusus.
Langkah 4: Tambahkan Kolom pada Langkah Pertama

Di sini, saya telah menambahkan kolom-kolom berikut: Nama, Email, Nomor Telepon, dan Nama Perusahaan pada langkah pertama. Karena saya sedang membuat formulir bertahap, saya akan menambahkan kolom-kolom lain pada langkah kedua.
Langkah 5: Tambahkan Bidang pada Langkah Kedua

Berikut adalah langkah ke-2. Pada bagian ini, saya telah menambahkan kolom Departemen, Layanan yang Diinginkan, Kisaran Anggaran, dan kolom “Jelaskan Masalah Anda”. Tiga kolom pertama di sini merupakan kolom daftar tarik-turun. Anda dapat menyeret kolom ini dari bilah samping dan mengubah labelnya. Selain itu, Anda juga dapat mengedit opsi-opsi tersebut melalui fitur “Opsi Aktif”.
Langkah 6: Gunakan Logika Bersyarat

Di sini, saya telah menambahkan logika bersyarat ke formulir. Sekarang, buka Pengaturan > Logika Bersyarat. Klik Integrasi, lalu pilih integrasi yang diinginkan. Di sini, saya telah mengintegrasikan Bit Form dengan Google Sheets. Dengan demikian, dokumen Google Sheets akan mencatat tanggapan pelanggan setiap kali mereka memilih departemen tertentu di Bit Form.
Catatan
Jika Anda belum tahu cara mengintegrasikan Bit Form ke Google Sheets, Anda bisa silakan lihat dokumennya di sini.
Menata Tampilan Formulir Kontak
Sekarang, mari kita sesuaikan tampilan formulir kontak!
Langkah 1: Pilih Tema

Buka fitur penyesuaian tema. Anda memiliki tiga pilihan: Tanpa Gaya, Bit Form Default, dan Tema Atlassian. Pilih salah satu dari ketiga pilihan tersebut.
Langkah 2: Ubah Warna Latar Belakang

Di sini, saya telah memilih tema bawaan Bit Form. Saya telah menggunakan opsi “Theme Quick Tweaks” dan mengubah warna aksennya.
Langkah 3: Ubah Warna Garis Tepi

Di sini, saya telah mengubah warna garis tepi kolom formulir.
Langkah 4: Ubah Ukuran Font

Sekarang, saya telah mempertahankan ukuran font pada 14 px.
Langkah 5: Unsur-unsur Umum dan Unsur-unsur Khusus

Nah, kamu juga bisa mengedit setiap detail kolom formulir menggunakan unsur-unsur yang umum dan unsur-unsur yang khas.
Langkah 6: Publikasikan Formulir

Sekarang, klik Publikasikan > Perbarui.
Langkah 7: Salin Kode Pendek

Salin Kode Pendek tersebut, lalu tempelkan di bagian postingan WordPress.
Uji Formulir Langsung
Formulir kontak yang disesuaikan sudah siap!
Maksimalkan Pengiriman Formulir Kontak dengan Tips dari Para Ahli Ini!
Apakah Anda ingin merancang formulir kontak yang tidak bisa diabaikan orang? Tapi, bagaimana cara melakukannya sekarang? Nah, Anda harus mengikuti Tips UI/UX untuk formulir kontak untuk membuat desain yang menarik sehingga pengguna langsung mengisi formulir Anda begitu melihatnya! Berikut ini adalah praktik terbaik formulir kontak yang meningkatkan jumlah pengiriman formulir –
Sertakan Ajakan Bertindak (CTA) yang Menarik
Ajakan bertindak yang umum tidak akan mendatangkan prospek berkualitas! Solusinya? Buatlah ajakan bertindak (CTA) yang menarik dan mendorong tindakan. Pendekatan ini menumbuhkan rasa urgensi pada pengguna untuk melakukan tugas tertentu.
Nah, sekadar membuat ajakan bertindak yang bagus saja tidak cukup. Anda sebaiknya menggunakan warna yang menarik untuk tombol CTA. Warna tersebut akan menarik perhatian audiens dan mendorong mereka untuk bertindak lebih cepat.
Desain yang Ramah Seluler
Desain formulir kontak yang ramah seluler bisa mendatangkan lebih banyak prospek daripada yang Anda kira! Tanpa formulir yang ramah seluler, Anda akan kehilangan banyak sekali prospek, karena tidak ada yang mau mengisi formulir yang tidak terstruktur. Namun, apa sebenarnya yang dimaksud dengan desain yang ramah seluler? Sederhananya, ini berarti formulir responsif yang menyesuaikan diri dengan berbagai perangkat seperti ponsel, tablet, dan komputer desktop.
Selain itu, formulir tersebut sebaiknya memiliki kolom yang seminimal mungkin, label yang jelas, dan petunjuk yang mudah dipahami pengguna. Nah, pembuat formulir drag-and-drop akan menjadi pilihan yang tepat, karena Anda tidak perlu melakukan pengkodean manual di sini. Dengan begitu, formulir tersebut akan terlihat sesempurna hidangan terbaik seorang koki!
Jaminan Privasi
Pengguna bisa jadi ragu ketika sebuah formulir meminta mereka untuk memberikan informasi pribadi atau sensitif. Akibatnya, mereka sering kali memilih untuk tidak mengisi formulir yang meminta informasi terperinci.
Nah, kolom kepatuhan GDPR dapat menyelamatkan Anda dari masalah. Dengan kolom ini, pengguna dapat mengetahui alasan dan cara informasi mereka akan digunakan. Jadi, Anda bisa mendapatkan kepercayaan mereka dengan cepat dan mendapatkan lebih banyak pengiriman formulir.
Form Multi-Langkah
Seperti yang telah saya sebutkan sebelumnya, sebuah formulir multi-langkah mudah digunakan dalam percakapan.
Jadi, jika Anda ingin menggunakan beberapa kolom dalam formulir kontak, Anda dapat dengan mudah menggunakan desain bertahap untuk membuat formulir tersebut. Pendekatan ini mengurangi beban kognitif dan meningkatkan tingkat pengiriman formulir.
Menyimpulkannya
Tidak perlu lagi khawatir karena kurangnya prospek – menyesuaikan formulir kontak Anda dapat mengatasi sebagian besar tantangan tersebut. Dengan formulir yang sesuai dengan kebutuhan pengguna dan menarik secara visual, Anda dapat menarik prospek berkualitas ke bisnis Anda. Namun, memilih plugin yang tepat untuk merancang formulir yang ramah pengguna Hal itulah yang paling penting di sini.
Desain formulir kontak atau penyesuaian tata letak formulir menentukan apakah pengguna akan mengisi formulir tersebut atau tidak. Jadi, rekomendasi saya adalah Bit Form – sebuah Pembuat formulir seret dan lepas WordPress Plugin yang menawarkan berbagai fitur lengkap. Mulai dari menyesuaikan kolom hingga mengatur tampilan formulir, plugin ini mampu menangani semuanya. Ingin tahu lebih lanjut tentang plugin ini? Silakan hubungi kami sekarang juga!
Ada Pertanyaan? Kami Punya Jawabannya!
Mengapa Saya Harus Mengkustomisasi Formulir Kontak Saya?
Menyesuaikan formulir kontak berdasarkan kebutuhan pengguna dapat memberimu prospek berkualitas. Tepatnya, pengguna merasa lebih cenderung mengisi formulir ketika formulir tersebut bersifat percakapan, akrab, dan mudah dipahami. Jadi, mengapa menunggu? Sesuaikan formulir kontakmu sekarang juga berdasarkan kebutuhan pengguna dan dapatkan prospek yang lebih baik.
Bagaimana Cara Membuat Formulir Kontak Saya Ramah Seluler?
Anda dapat membuat formulir kontak ramah seluler dengan membuat tata letak yang sederhana dan bersih. Selain itu, formulir kontak harus beradaptasi dengan ukuran layar yang berbeda. Dengan membuat formulir yang ramah seluler, Anda memberikan pengalaman yang lebih baik pengalaman pengguna formulir kontak. Pendekatan ini dapat membuat pengguna mengisi formulir secara instan.
Apakah Mengustomisasi Formulir Kontak Saya Mempengaruhi Kecepatan Halaman?
Nah, menyesuaikan formulir kontak dapat memengaruhi kecepatan halaman ketika formulir memiliki beberapa bidang atau banyak gaya CSS. Jadi, Anda bisa menggunakan desain bertahap atau bidang minimal dalam formulir kontak. Dengan mengambil langkah-langkah penting, Anda dapat mencegah halaman Anda melambat.
Bisakah Saya Menata Formulir Kontak WordPress Tanpa Coding?
Ya. Anda pasti bisa menata formulir kontak WordPress tanpa coding. Plugin pembuat formulir dapat membantu Anda membuat formulir tanpa perlu coding berjam-jam. Selain itu, jika itu adalah pembuat formulir drag-and-drop, maka membuat formulir menjadi semudah membalikkan tel.
Bisakah Saya Melacak Bagaimana Pengguna Berinteraksi dengan Formulir Kontak Saya?
Ya. Banyak plugin pembuat formulir yang memungkinkan Anda melacak bagaimana pengguna berinteraksi dengan formulir kontak Anda. Misalnya, dengan menggunakan plugin Bit Form, Anda dapat dengan mudah mengetahui berapa banyak orang yang melihat formulir Anda, tingkat penyelesaiannya, serta tanggapan yang diterima.
Bagaimana Saya Melindungi Formulir Kontak Khusus Saya dari Spam?
Anda dapat mengaktifkan reCAPTCHA atau hCAPTCHA untuk melindungi formulir kontak Anda dari spam. Dengan fitur perlindungan terhadap bot ini, Anda dapat terhindar dari potensi masalah dan mengelola tanggapan formulir kontak secara efisien.
Apakah saya bisa dengan mudah menyesuaikan tata letak dan posisi kolom formulir di Bit Form?
Ya, antarmuka seret-dan-lepas visual Bit Form memungkinkan Anda dengan cepat mengatur ulang posisi kolom, membuat tata letak multi-kolom, dan menyesuaikan jarak antar kolom—tanpa perlu menulis kode! Antarmuka ini dirancang untuk memastikan formulir Anda terlihat menarik dan selaras sempurna dengan tata letak situs web Anda.
Bagaimana cara menambahkan teks placeholder atau petunjuk di dalam kolom di Bit Form?
Bit Form memudahkan penambahan teks placeholder. Cukup klik pengaturan kolom dan masukkan teks placeholder atau petunjuk Anda dengan jelas. Petunjuk-petunjuk ini memandu pengguna mengenai informasi apa yang harus dimasukkan, sehingga meningkatkan tingkat penyelesaian.
Apakah Bit Form dapat terintegrasi dengan lancar dengan sistem CRM, Google Sheets, dan alat pemasaran email?
Tentu saja! Bit Form dapat terintegrasi dengan mudah ke lebih dari 300 alat populer melalui Bit Integrations. Hubungkan pengiriman formulir Anda ke CRM, Google Sheets, platform pemasaran email, dan lainnya, sehingga mempermudah pengumpulan data dan mengotomatiskan alur kerja.

Blog Terkait
How to Create a WordPress Stripe Payment Form Without WooCommerce
How to Create a Fundraising Event Registration Form With Payments
