Cara Mengisi Bidang Secara Otomatis di Formulir WordPress (Dengan Plugin)

Diterbitkan: 2021-01-15

Apakah Anda ingin mengisi bidang secara otomatis di formulir WordPress Anda? Anda dapat secara otomatis menggunakan informasi seperti jenis posting atau produk untuk membuat opsi di bidang formulir.

Ini membuat formulir lebih mudah untuk diisi, dan juga dapat menghemat banyak waktu saat Anda membuatnya.

WPForms memudahkan pengisian bidang formulir secara otomatis menggunakan pilihan bidang dinamis. Kami akan menunjukkan cara mengaturnya di artikel ini.

Buat Formulir WordPress Anda Sekarang

Apa itu Pilihan Bidang Dinamis?

Pilihan bidang dinamis adalah respons formulir yang diisi secara otomatis untuk pengunjung Anda.

Alih-alih mengetik secara manual di setiap jawaban, Anda dapat meminta WPForms menarik semua opsi secara otomatis.

WPForms adalah plugin Pembuat Formulir WordPress terbaik. Dapatkan secara gratis!

Kolom yang terisi otomatis dapat membantu untuk:

  • Kurangi pengabaian formulir – dengan mengisi kolom sebelumnya, Anda dapat membuat formulir lebih mudah untuk diisi
  • Tingkatkan akurasi – pengunjung Anda tidak perlu mengetik sendiri jawabannya
  • Perbarui formulir – WPForms selalu menampilkan item terbaru di bidang formulir.

Di WPForms, Anda dapat menggunakan pilihan bidang dinamis untuk mengisi otomatis 3 jenis bidang:

  • Dropdown
  • Bidang pilihan ganda
  • kotak centang

Anda dapat menggunakan pembuat seret dan lepas yang mudah untuk menambahkannya ke formulir Anda.

Beranda WPForms

Bidang formulir yang diisi otomatis sangat cocok untuk:

  • Produk WooCommerce pada formulir dukungan pelanggan
  • Properti pada formulir pertanyaan real estat
  • Posting pekerjaan pada formulir lamaran pekerjaan
  • Hewan peliharaan atau ras tertentu pada formulir asupan dokter hewan
  • Layanan pada formulir kontak bisnis

Mari kita lihat contoh sehingga Anda dapat melihat betapa mudahnya membuat formulir Anda lebih pintar.

Cara Mengisi Bidang Secara Otomatis di Formulir WordPress

Dalam tutorial ini, kita akan mengisi produk WooCommerce secara otomatis pada formulir kontak. Berikut adalah langkah-langkah yang akan kita kerjakan:

  1. Instal Plugin WPForms
  2. Tambahkan Bidang yang Diisi Otomatis Anda
  3. Publikasikan Formulir Anda

Mari kita mulai dengan menginstal plugin.

Langkah 1: Instal Plugin WPForms

Pertama, instal dan aktifkan plugin WPForms. Berikut panduan langkah demi langkah tentang cara menginstal plugin WordPress jika Anda memerlukan bantuan.

Sekarang kita akan menambahkan formulir baru. Pertama, buka WPForms »Tambah Baru .

Tambahkan formulir baru dengan bidang yang terisi otomatis

Saat WPForms terbuka, ketikkan nama untuk formulir Anda di bagian atas.

Ketik nama untuk formulir dengan bidang yang terisi otomatis

Selanjutnya, mari klik Templat formulir kontak sederhana untuk memulai.

Pilih templat untuk formulir dengan bidang yang terisi otomatis

Anda akan melihat pembuat formulir terbuka di jendela layar penuh. Formulir kontak sederhana sudah memiliki bidang untuk:

  • Nama
  • Surel
  • Komentar atau pesan

Mari seret bidang tarik-turun lalu tambahkan pilihan jawaban yang terisi otomatis.

Klik pada bidang tarik-turun dan seret ke pratinjau formulir di sebelah kanan.

Tambahkan pilihan bidang dinamis dengan dropdown

Selanjutnya, klik sekali pada dropdown Anda untuk membuka pengaturan di sebelah kiri. Mari edit label di sini untuk menjelaskan isi dari dropdown.

Ubah label tarik-turun pada bidang pilihan dinamis

Sekarang gulir ke bawah sedikit dan perluas Opsi Lanjutan . Kami akan memilih 2 pengaturan di sini untuk membuat formulir lebih mudah diisi:

  • Gaya – Kami akan memilih tarik-turun Modern karena memungkinkan pengunjung mencari daftar. Ini adalah cara yang bagus untuk membuat dropdown yang sangat panjang menjadi lebih mudah digunakan. Jika mau, Anda dapat dengan mudah membuat dropdown multipilihan sehingga pengunjung Anda dapat memilih lebih dari 1 jawaban.
  • Placeholder – Itu selalu merupakan ide yang baik untuk mengatur placeholder untuk sebuah bidang. Placeholder terlihat seperti pilihan default, tetapi pengunjung tidak dapat memilihnya. Ini adalah cara yang bagus untuk memastikan pilihan tidak default ke jawaban pertama dalam daftar.

Gaya bidang yang terisi otomatis dan pengaturan placeholder

Sekarang kami siap untuk menambahkan pilihan bidang dinamis ke dropdown baru kami,

Langkah 2: Siapkan Bidang yang Diisi Otomatis Anda

Sekarang kita akan mengatur opsi yang akan muncul di daftar dropdown.

Dengan pilihan bidang dinamis, Anda tidak perlu khawatir mengetikkan semua jawaban. WPForms akan mengambil semua opsi untuk Anda.

Saat Anda memperluas Opsi Lanjutan pada tarik-turun, Anda akan melihat 2 pilihan: Jenis Postingan dan Taksonomi .

Pilihan dinamis pada bidang yang terisi otomatis

Jenis Postingan memungkinkan Anda mengisi kolom secara otomatis dari Sumber Jenis Postingan Dinamis . Di toko WooCommerce, pilihan di dropdown kedua di sini mungkin terlihat seperti ini:

  • Posting – Daftar semua posting blog di situs Anda.
  • Halaman – Mencantumkan semua halaman di situs Anda.
  • Produk – Daftar semua produk di toko Anda.

Ini semua adalah jenis posting. Anda dapat menggunakan jenis posting khusus jika Anda memiliki pengaturan apa pun. Misalnya, kami memiliki beberapa opsi lain untuk dipilih di sini karena kami memiliki 2 jenis pos kustom tambahan yang disiapkan:

Isi otomatis bidang dengan pilihan jenis posting

Mari kita lihat pilihan lain yang dapat Anda gunakan untuk mengisi kolom formulir Anda secara otomatis.

Jika Anda memilih opsi kedua di tarik-turun, Taksonomi , Anda akan melihat tarik-turun kedua yang disebut Sumber Taksonomi Dinamis .

Pilihan di dropdown kedua akan mencakup opsi seperti:

  • Tag – Semua tag yang terkait dengan posting blog Anda.
  • Kategori – Kategori yang terkait dengan posting blog Anda.
  • Kategori produk – Kategori yang terkait dengan produk eCommerce Anda.
  • Tag produk – Tag yang telah Anda tambahkan ke produk Anda.
  • Jenis produk – Jenis atau varian produk.

Sekali lagi, toko Anda hampir pasti memiliki lebih banyak pilihan untuk dipilih.

Dalam contoh ini, pemilik toko menambahkan plugin untuk mengelompokkan produk berdasarkan merek, jadi itu sebabnya kami juga memiliki taksonomi Merek yang dapat kami gunakan untuk mengisi bidang kami secara otomatis.

Isi bidang secara otomatis dengan pilihan taksonomi dinamis

Untuk tutorial ini, kita akan memilih Post Type dan kemudian Products . Ini akan mencantumkan semua produk di toko kami.

Terkadang bidang yang diisi otomatis dapat memiliki banyak pilihan. Jika Anda ingin mengecualikan item dari dropdown, lihat panduan kami untuk mengecualikan item dari bidang yang terisi otomatis.

Terakhir, Anda ingin memeriksa pengaturan umum formulir Anda. Lihat panduan kami di:

  • Menyiapkan pemberitahuan email di WPForms
  • Menyiapkan pesan konfirmasi formulir Anda

Klik Simpan untuk menyimpan formulir Anda.

Langkah 3: Publikasikan Formulir Anda

Anda dapat mempublikasikan formulir Anda dengan cara yang berbeda: di pos, di halaman, atau di bilah sisi. Anda dapat menggunakan kode pendek untuk ini, tetapi sebaiknya gunakan opsi sematkan saja.

Mulailah dengan mengklik Sematkan di bagian atas pembuat formulir.

Sematkan formulir Anda dengan pilihan dinamis

Dan kemudian klik Buat Halaman Baru .

Buat halaman baru untuk formulir dengan bidang yang terisi otomatis

Ketikkan nama untuk halaman Anda dan klik Let's Go .

Buat halaman untuk formulir Anda dengan bidang yang terisi otomatis

Jika semuanya terlihat baik-baik saja di sini, cukup klik Publikasikan untuk ditayangkan.

Publikasikan formulir dengan pilihan bidang dinamis

Itu dia! Formulir Anda siap untuk dikirim.

Formulir yang diterbitkan dengan bidang yang terisi otomatis

Sekarang adalah waktu yang tepat untuk menguji bidang dinamis Anda sehingga Anda dapat mulai mendapatkan pertanyaan.

Buat Formulir WordPress Anda Sekarang

Berikutnya: Membuat Formulir Cerdas dengan Cepat Dengan WPForms

Bidang yang terisi otomatis adalah cara cerdas untuk membuat formulir kompleks dengan cepat. Jika Anda ingin berbuat lebih banyak dengan formulir Anda, berikut adalah beberapa ide lain untuk dicoba:

  • Isi bidang secara otomatis menggunakan string kueri
  • Terima acara yang dikirimkan pengguna di kalender WordPress
  • Terima posting blog dari frontend situs Anda
  • Gunakan tag cerdas untuk mengisi bidang secara otomatis, membuat deskripsi dinamis, dan menambahkan pilihan default yang telah diisi sebelumnya.

Siap membuat formulir Anda? Mulailah hari ini dengan plugin pembuat formulir WordPress termudah. WPForms Pro menyertakan banyak templat gratis dan menawarkan jaminan uang kembali 14 hari.

Jika artikel ini membantu Anda, silakan ikuti kami di Facebook dan Twitter untuk tutorial dan panduan WordPress gratis lainnya.