Rumahweb Journal
banner - Cara Membuat Formulir di WordPress

Cara Membuat Formulir di WordPress Dengan WPForms

WPForms adalah salah satu plugin WordPress yang berfungsi untuk membuat berbagai jenis formulir. Dengan WPForms, Anda dapat dengan mudah membuat form, kontak, registrasi, hingga pemesanan, dengan tampilan yang profesional dan menarik. Dalam artikel ini, kami akan berbagi cara membuat formulir di WordPress dengan WPForms secara mudah.

Sebelum kami bahas tentang cara membuat formulir di WordPress, terlebih dahulu akan kami sampaikan apa itu plugin WPForms, agar Anda lebih memahami panduan yang kami buat. Simak informasi berikut ini.

Apa itu Plugin WPForms?

WPForms adalah salah satu plugin WordPress terbaik untuk membuat berbagai jenis formulir online di situs berbasis WordPress dengan mudah. Dengan WPForms, Anda dapat membuat formulir seperti kontak, pendaftaran, survei, hingga pemesanan.

Plugin ini tersedia dalam dua versi, yaitu Free dan PRO:

1. WPForms Free

Versi gratis ini menyediakan template standar dengan fitur dasar yang cukup untuk membuat formulir sederhana di website. Meski terbatas, versi ini tetap mudah digunakan untuk kebutuhan dasar.

2. WPForms PRO

Versi PRO menawarkan banyak template formulir menarik yang dapat Anda pilih dan sesuaikan sepenuhnya. Dengan fitur-fitur tambahan yang tersedia, Anda dapat membuat formulir yang lebih profesional dan lengkap untuk mendukung kebutuhan website Anda.

Promo Hosting Murah Rumahweb

Selain beragam template, WPForms PRO dilengkapi dengan fitur canggih untuk meningkatkan fungsionalitas formulir Anda.

Bagi Anda yang telah berlangganan layanan shared hosting (Medium & Large), Cloud Hosting, dan WordPress Hosting (minimal 2 Cloudlet) sudah dapat mengklaim plugin WPForms PRO gratis di Rumahweb. Informasi lengkapnya bisa anda pelajari pada link berikut.

Membuat formulir online dengan Plugin WPForms

Sebelum membuat formulir di WordPress, terlebih dahulu Anda perlu melakukan setting SMTP. SMTP berfungsi agar website dapat digunakan untuk mengirim email. Panduan setting SMTP di WordPress bisa Anda pelajari pada artikel: SMTP WordPress

Setelah itu, Anda bisa mengikuti panduan berikut untuk mengetahui cara membuat formulir di WordPress dengan plugin WPForms versi gratis.

Step 1. Install Plugin WPForms

Berikut langkah-langkah untuk melakukan instalasi plugins WPForms:

  1. Login ke dashboard WordPress Anda.
  2. Klik menu Plugins > Add New, lalu ketikkan WP form pada kolom pencarian seperti berikut lalu klik tombol ‘Install Now’ dan ‘Activate’.
add new plugins
install plugin wpforms
aktifkan plugin wpforms
  1. Lalu akan muncul halaman setting WPForms seperti gambar berikut.
Dashboard WPForms

Step 2. Cara Membuat Formulir di WordPress

Setelah install plugin selesai, Anda bisa mengikuti langkah berikut untuk mulai membuat formulir di WordPress dengan pluginnya.

  1. Setelah instal plugin selesai, klik menu WPForms di sidebar admin. Kemudian untuk membuat form baru, klik tombol “Tambah Baru” atau “Add New”.
Add New Form
  1. Di halaman penyiapan pembuat form, Anda dapat memasukkan nama untuk form Anda (seperti “Registrasi”) di kolom input Nama Form. Kemudian silahkan pilih template form yang akan digunakan. Pada panduan kali ini, kami akan menggunakan “Blank form”  untuk membuat form dari awal.
Nama Form - cara membuat formulir di WordPress
Template Form
  1. Pada tahap awal, Anda dapat membuat field atau kolom yang digunakan dalam tampilan form nantinya. Disini, kami memilih untuk menggunakan ‘Name’, bagian ini dapat digunakan pada kolom pengisian nama.
Name Field
Setting Name Field

Keterangan:

  1. Label: Nama kolom atau bagian yang dibuat.
  2. Format: Format pengisian nama yang terdiri dari Simple (hanya satu kolom), First Last (2 kolom untuk nama depan dan belakang) serta First, Middle and Last (3 kolim untuk nama depan, tengah dan belakang).
  3. Description : Deskripsi isi dari bagian formulir yang ingin dibuat.
  4. Required : Centang opsi ini untuk menandai bagian yang wajib diisi. Formulir tidak akan dikirimkan kecuali semua bagian yang diperlukan telah disediakan.

Selain itu, Anda dapat menggunakan bagian Advance untuk kustomisasi tampilan.

Advanced settings
  1. Kemudian, inputkan Email agar dapat mencatat registrasi email pelanggan dengan field Email
field Email
  1. Selanjutnya, inputkan Nomor Handphone dengan menggunakan field Phone. Anda dapat mengatur format menjadi Internasional untuk mendukung kode negara (+62).
field Phone
  1. Berikutnya, Anda dapat inputkan Nama Perusahaan (Optional) dengan menggunakan field Single Line Text.
field Single Line Text
  1. Setelah itu, untuk menambahkan field Alamat dapat menggunakan field Paragraph Text.
 field Paragraph Text.

10. Pada form ini dibutuhkan adanya sistem keamanan yaitu Password dan Konfirmasi Password  menggunakan field Password.

field Password

11. Sistem keamanan tambahan yaitu dapat melakukan centang pada Checkbox “Saya telah membaca ketentuan layanan.” menggunakan field Checkboxes.

field Checkboxes

12. Pada tahapan terakhir Anda dapat melakukan kustomisasi tombol Register yang secara otomatis ditambahkan.

Tombol Submit
Tombol Daftar

Step 3. Konfigurasi Pengaturan Formulir

  • Confirmation: berfungsi untuk  mengatur pesan sukses setelah pendaftaran.
Confirmation
  • Notifications: berfungsi untuk kirim email pemberitahuan ke admin/user.
Notifications

Step 4. Menampilkan Formulir di Halaman

Setelah membuat form, langkah selanjutnya adalah menambahkan form ke halaman website Anda, silahkan simak langkah-langkah berikut : 

  1. Klik edit pada halaman yang akan di tambahkan form. kemudian klik tombol [+] disisi kiri atas untuk menampilkan blocks, klik widget WPForms kemudian pilih form yang akan ditampilkan.
widget WPForms
  1. Selanjutnya akan tampil list form yang sudah Anda buat, Anda bisa memilih salah satu form yang akan ditampilkan ke website Anda.
list form
  1. Kemudian, klik publish pada laman yang sudah ditambahkan WPForms dan Anda dapat melihat hasil form yang telah dibuat. 
publish form

Sampai tahap ini, Anda sudah dapat membuat dan menampilkan formulir online di WordPress Anda. Silakan lakukan pengujian dengan mengisi dan mengirim formulir untuk memastikan semuanya berfungsi sesuai dengan pengaturan yang telah dilakukan.

Demikian panduan kami tentang cara membuat formulir di WordPress dengan WPForms. Selamat mencoba dan semoga bermanfaat.

Bermanfaatkah Artikel Ini?

Klik bintang 5 untuk rating!

Rating rata-rata 0 / 5. Vote count: 0

Belum ada vote hingga saat ini!

Kami mohon maaf artikel ini kurang berguna untuk Anda!

Mari kita perbaiki artikel ini!

Beri tahu kami bagaimana kami dapat meningkatkan artikel ini?

Cloud Hosting Terbaik Rumahweb

Amiratur Rafifah