Tutorial Plugin Gravity Forms

Halo Sobat moota, Apakah kamu ingin menambahkan formulir kontak di situs Web WordPress kamu dengan mudah tanpa harus membuatnya secara manual? Pada artikel kali ini, Kita akan membahas bagaimana cara membuat formulir kontak dengan plugin Gravity Forms di WordPress.

Apa itu Gravity Forms?

Di WordPress, Terdapat banyak pilihan plugin yang bisa kamu pakai untuk membuat sebuah form builder yang simpel dan mudah bagi para pemula. Gravity Forms Plugin adalah salah satunya, plugin WordPress ini digunakan untuk membuat sebuah formulir dengan mudah untuk situs Web WordPress kamu. Dengan plugin ini, Kamu bisa membuat sebuah form seperti formulir kontak, formulir registrasi, formulir survey bahkan hingga formulir saran dan masukan dengan menggunakan cara drag & drop. Sehingga pembuatan Form akan terlihat lebih rapi, mudah dan profesional.

Perlu diketahui untuk memulai dengan menggunakan plugin ini, kamu harus membayar dikarenakan plugin ini merupakan plugin berbayar. sehingga tidak ada fitur yang terbatas atau kamu tidak bisa menggunakannya secara gratis langsung ke situs WordPress kamu. Akan tetapi, Gravity Forms menyediakan sebuah demo gratis selama 14 hari agar kamu bisa mencoba semua fitur termasuk plugin dan add-ons tambahan dari Gravity Forms.

Mulai Membuat Form

Jika kamu sudah melakukan pembelian untuk plugin ini dan ingin meng-download pluginnya, Kamu bisa login ke akun Gravity Forms dan arahkan ke Download Section pada menu navigasi.

Setelah di download, Kamu tidak perlu untuk unzip file yang di download terlebih dahulu, Kamu bisa langsung tambahkan plugin yang sudah di download tersebut ke Halaman Plugin -> Tambahkan Plugin Baru -> Unggah Plugin pada halaman dashboard situs WordPress kamu**.** Setelah berhasil di upload, Kamu bisa Langusng aktifkan pluginnya.

Untuk Mulai membuat sebuah form, Kamu harus mengakses halaman form dari Gravity Forms, Caranya adalah lihat pada menu sidebar dashboard dan Pilih menu Forms.

Setelah di klik, Kamu akan melihat beberapa form template bawaan yang sudah disediakan oleh gravity forms, Mulai dari Simple Contact Form, Contact Form Lanjutan, Donation Form, eCommerce Form dan lain sebagai nya. Jika kamu tidak melihatnya, mungkin kamu perlu membuat baru. Contohnya kali ini kita akan menambahkan Form dimana form tersebut berisikan Contact Form. Klik pada tombol Add New untuk memulai.

Setelah di klik, Kamu akan melihat beberapa template yang disediakan untuk memulai form baru-mu menjadi lebih mudah dan tidak memerlukan usaha yang berlebih. Namun untuk kali ini, Kita akan memilih Blank Form.

Menambahkan Beberapa Fields

Kamu tentunya perlu untuk menambahkan beberapa fields didalamnya agar calon pengunjung kamu tidak kebingungan untuk mengisi apa saja di dalamnya, Maka dari itu Mari kita gunakan beberapa pilihan form yang tersedia di dalamnya.

- Add Field

Untuk menambahkan sebuah field, Kamu hanya perlu memilih field yang ingin kamu gunakan dan tarik ke Halaman Kosong. Didalam Add field, ada beberapa jenis fields yang bisa digunakan :

1. Standard Fields Jenis Fields ini terdiri dari beberapa kolom standar yang bisa kamu gunakan seperti menambahkan label, paragraf, checkbox dan lain sebagai nya.

2. Advanced Fields Jenis FIeld ini merupakan jenis field lanjutan yang dimana ini menjadi salah satu kelebihan dari menggunakan plugin ini. Kamu bisa menambahkan beberapa field seperti Nama, Yang dimana nama ini akan langsung membuat sebuah dua field untuk nama depan dan nama belakang tanpa harus menambahkan field tambahan. Ada juga Field untuk Phone yang dimana dikhususkan untuk mengisi nomor telepon, Bahkan ada juga field yang dikhususkan untuk mengisinya dengan format tanggal, Upload file, Dan masih banyak lagi.

3. Post Field Field ini dikhususkan untuk calon pengunjungmu agar mereka bisa mengirimkan sebuah post berupa judul post, foto post, deskripsi isi dari sebuah post dan lainnya.

Pricing Fields Jenis fields ini bisa membuat sebuah field yang dimana calon pengunjung akan menerima sebuah form penjualan dari kamu layaknya e-commerce, seperti berjualan sebuah produk, menambahkan sebuah shipping bahkan integrasi dengan Stripe.

- Field Settings

Field Settings digunakan untuk mengedit sebuah field yang kamu pilih, Tergantung jenis field yang dipilih, maka setting nya akan terlihat berbeda juga. Misalkan saya ingin mengedit sebuah Pricing Fields, Maka tampilan settingannya terlihat seperti ini.

Ada beberapa jenis setting yang bisa kamu atur :

1. General Settings ini merupakan settings yang sangat umum digunakan, Terlihat diatas Gambar tersebut kita bisa mengedit label field, menambahkan deskripsi, tipe dari field, Apakah wajib diisi dan lainnya.
2. Appearance Settings ini merupakan settings yang digunakan untuk mengedit tampilan dari sebuah field. Kamu bahkan bisa menggunakan custom CSS code untuk memperindah label yang kamu edit atau mengedit pesan validasi sesuai yang kamu inginkan.
3. Advanced Settings ini biasanya akan digunakan apabila ada kondisi khusus saja, Misalnya jika kamu ingin field ini tidak terlihat oleh pengunjung atau admin, maka kamu bisa mengganti visibilitas dari field ini.

Simpan Form

Jika kamu sudah selesai mengedit sebuah form, kamu bisa menyimpan formnya dengan klik Save Form Di bagian ujung kanan atas

Menambahkan Form ke sebuah Page

Setelah selesai save, tentunya kamu ingin menampilkan form yang baru saja kamu buat ke sebuah halaman situs kamu bukan? Untuk menampilkannya, Kamu perlu menuju ke menu Pages -> Add New Page pada halaman dashboard.

Setelah itu, Klik icon “+” di ujung atas kiri lalu cari Form pada menu Blocks.

Lalu Pilih Template Form yang sudah dibuat tadi dengan memilih form tersebut dan form yang barusan dibuat akan tampil seperti ini.

Kamu bisa simpan sebagai draf, mengedit kembali atau bahkan langsung terbitkan halaman ini langsung ke publik agar calon-calon pengunjung kamu bisa langsung mengakses halaman ini.

Penutup

Setelah selesai, Jika ada pengunjung yang mengisi form tersebut, datanya akan tercatat pada menu Entries. Kamu bisa langsung membuat daftar email tersebut untuk dijadikan data-data informasi kontak. Cukup sekian dari Artikel Tutorial Membuat Form dengan Gravity Form, Bagaimana sob? Apakah kalian berminat untuk membeli plugin ini beserta dengan kelebihan-kelebihan yang sudah terlihat dalam tutorial ini? Berikan Komentar-mu ya!

Salam Cuan.