Bagaimana Mengaktifkan Pratinjau Entri untuk Pengguna di Formulir Multi-Bagian WordPress?

Diterbitkan: 2022-09-30

Ingin mempelajari cara mengaktifkan opsi pratinjau entri untuk pengguna di formulir multi-bagian WordPress? Biarkan kami membantu Anda dengan panduan langkah demi langkah mudah yang akan membantu Anda membuatnya untuk situs web WordPress Anda.

Opsi pratinjau memungkinkan pengguna melihat data yang telah mereka masukkan untuk diisi ke bagian sebelumnya dari formulir multi-bagian. Dengan cara ini, pengguna dapat kembali dan mengubah informasi yang mereka berikan jika perlu.

Jadi, artikel ini akan memberi Anda panduan terperinci tentang bagaimana Anda dapat mengaktifkan pratinjau entri untuk pengguna di formulir multi-bagian WordPress.

Daftar isi

Cara Terbaik untuk Mengaktifkan Pratinjau Entri di Formulir Multi-Bagian WordPress

Jujur saja, tidak ada yang suka mengisi formulir yang panjang. Tapi inilah sedikit trik tentang bagaimana Anda bisa membuat pengguna Anda benar-benar melengkapi dan mengirimkan formulir Anda.

Anda dapat membuat formulir multi-bagian yang membagi formulir panjang menjadi beberapa langkah. Jadi, bidang formulir lebih terorganisir dan lebih mudah diisi oleh pengguna.

Selain itu, Anda dapat memberikan pratinjau semua data yang diisi pengguna di bidang sebelum mereka mengirimkan formulir. Ini mencegah data yang salah dimasukkan ke dalam sistem. Pengguna cukup pergi ke bagian sebelumnya dan mengedit data yang salah.

Aktifkan Pratinjau Entri Dalam Formulir Multi Bagian

Oleh karena itu, yang Anda butuhkan hanyalah plugin pembuat formulir terbaik, Formulir Everest. Ini adalah pembuat formulir seret dan lepas yang kaya fitur yang cocok untuk membuat segala jenis formulir online.

Formulir Everest Untuk Mengaktifkan Pratinjau Entri di Formulir Multi Bagian WordPress

Yang terpenting, ini memberi Anda add-on Multi Part Forms. Pengaya ini tidak hanya membantu Anda membuat formulir multi-bagian yang indah, tetapi juga memungkinkan pratinjau entri untuknya.

Addon Multi Bagian Aktifkan Pratinjau Entri Di Formulir Multi Bagian WordPress

Dengan fitur pratinjau entri, Anda dapat:

  • Kumpulkan informasi yang benar dari pengguna
  • Biarkan pengguna dengan cepat kembali ke bagian sebelumnya untuk mengedit entri

Itu sebabnya, kami akan menggunakan Formulir Everest untuk mengaktifkan pratinjau entri di formulir multi-bagian WordPress dalam tutorial ini.


Cara Mengaktifkan Pratinjau Entri di Formulir Multi-Bagian WordPress

Berikut adalah proses langkah demi langkah untuk mengaktifkan pratinjau entri di formulir multi-bagian WordPress.

Langkah1: Instal dan Aktifkan Formulir Everest dan Formulir Everest Pro

Hal pertama yang perlu Anda lakukan adalah mengatur Formulir Everest dan Formulir Everest Pro di dasbor WordPress Anda.

Anda memerlukan versi gratis dan versi pro dari plugin. Itu karena add-on Multi Part Forms hanya tersedia dalam versi premium (paket Plus atau lebih tinggi).

Untuk tutorial terperinci, baca artikel kami tentang cara menginstal Everest Forms Pro. Ini akan memandu Anda dalam proses menginstal versi gratis dan premium dari Everest Forms.


Langkah2: Instal dan Aktifkan Add-on Formulir Multi Bagian

Karena Anda memiliki versi pro, kini Anda dapat dengan mudah menginstal salah satu add-on Everest Forms.

Untuk itu, navigasikan ke Everest Forms >> Add-ons . Setelah itu, cari Formulir Multi-Bagian . Kemudian , klik tombol Install Addon dan tekan Activate .

Addon Multi Bagian

Anda akan mengetahui pengaya tersebut aktif saat statusnya menyatakan Diaktifkan .


Langkah3: Buat Formulir Multi-bagian Baru

Setelah Anda menginstal dan mengaktifkan add-on Multi Part Forms , buka Everest Forms >> Add new . Di halaman Tambahkan Formulir Baru , Anda akan menemukan kumpulan Templat formulir yang dibuat sebelumnya. Namun, Anda juga bisa memulai dari awal.

Awal Baru dari Awal

Dalam tutorial ini, kami akan menunjukkan cara membuat formulir multi-bagian dari awal. Jadi, klik Mulai Dari Awal dan beri nama formulir Anda. Di sini, kami akan menamakannya "Formulir Multi-Bagian" dan tekan Continue .

Nama Pop-Up

Ini akan membawa Anda ke pembuat formulir Everest Forms. Tetapi sebelum Anda mulai membuat formulir Anda, Anda harus mengaktifkan fitur multi-bagian.

Untuk itu, navigasikan ke Pengaturan di bagian atas dan klik pada tab Multi-Bagian . Di sini, Anda harus mengaktifkan opsi Formulir Multi-Bagian , dan Anda baik untuk pergi.

Aktifkan Multi Bagian

Tepat setelah Anda mengaktifkan opsi ini, bagian pertama muncul di pembuat formulir. Judulnya Part Title , yang nantinya dapat Anda ubah dari Opsi Halaman .

Pengaturan Opsi Multi Bagian

Sekarang, yang perlu Anda lakukan adalah menyeret bidang yang Anda inginkan dan menjatuhkannya ke formulir Anda.

Seret Jatuhkan Formulir Multi Bagian

Untuk menambahkan bagian lain ke formulir Anda, klik Tambahkan Bagian Baru, yang dapat Anda temukan di bagian bawah formulir Anda. Ini akan membuka halaman kosong berikutnya untuk Anda di mana Anda dapat terus menambahkan bidang yang diinginkan seperti sebelumnya.

Judul Bagian Tambahkan Bagian Baru

Anda juga dapat menyesuaikan masing-masing bagian atau memindahkan posisinya. Cukup seret bagian kanan atau kiri untuk itu.

Pindahkan Multi Bagian

Demikian pula, Anda dapat mengedit Judul Bagian dan label di bawah Opsi Halaman . Di sini kami menamai bagian tersebut "Rincian Kontak" dan "Informasi Tambahan".

Judul dan Label

Untuk tutorial yang lebih detail, lihat artikel ini tentang cara membuat formulir multi-langkah menggunakan Formulir Everest.

Terakhir, klik tombol Simpan untuk menyimpan perubahan yang Anda buat pada formulir Anda.


Langkah 4: Aktifkan Opsi Pratinjau Masuk

Sekarang, inilah bagian penting. Add-on Multi Part Forms juga memungkinkan Anda mengaktifkan pratinjau entri dalam formulir. Fitur ini dapat diterapkan ke semua bagian kecuali yang pertama karena tidak memiliki bagian sebelumnya.

Untuk mengaktifkan opsi pratinjau entri, pilih bagian yang ingin Anda tampilkan pratinjaunya. Setelah itu, buka Opsi Halaman di sebelah kiri, dan gulir ke bawah untuk menemukan Aktifkan Pratinjau. Kemudian, aktifkan opsi ini dengan mencentang kotak centang.

Aktifkan Pratinjau

Di sini, Anda juga dapat menambahkan pesan HTML khusus di kotak Pesan Pratinjau . Ini nantinya akan ditampilkan pada bagian di mana Anda telah mengaktifkan pratinjau.

Pratinjau Pesan

Setelah Anda mengatur pesan pratinjau, lanjutkan untuk memilih tata letak dari tiga tata letak yang diberikan.

Tiga Tata Letak Pratinjau
  • Tata Letak Dasar : Memiliki antarmuka yang sederhana diikuti dengan input atau pilihan pengguna. Berikut adalah contoh bagaimana tata letak ini muncul di ujung depan.
Tata Letak Dasar
  • Tata Letak Tabel : Ia juga menggunakan tata letak teks tetapi menempatkan label bidang dan input pengguna dalam dua kolom terpisah. Oleh karena itu, ini menempati lebih sedikit ruang pada formulir
Tata Letak Meja
  • Tata Letak Kolom : Data entri ditampilkan dalam 3 kolom.
Tata Letak Pratinjau Kolom

Anda juga dapat menambahkan kelas CSS khusus untuk penyesuaian lebih lanjut.

Kelas CSS

Simpan perubahan dan Anda telah berhasil mengaktifkan pratinjau entri untuk formulir.


Langkah 5: Konfigurasikan Pengaturan Formulir Multi-bagian

Selanjutnya, Anda dapat membuka tab Pengaturan formulir untuk mengonfigurasi pengaturan formulir multi-bagian. Di sini, Anda akan menemukan 4 bagian dengan berbagai opsi penyesuaian.

Umum: Dengan pengaturan Umum , Anda dapat mengedit Deskripsi formulir, Pesan dinonaktifkan formulir, tata letak formulir, dll.

Pengaturan Umum

Email: Pengaturan Email memungkinkan Anda membuat template pemberitahuan email admin dan pengguna.

pengaturan email

WebHook: Menggunakan WebHook , Anda dapat mengirim data formulir ke URL eksternal apa pun. Yang harus Anda lakukan adalah mengatur URL Permintaan, Metode Permintaan, Format Permintaan , dan Header Permintaan .

Pengaturan WebHook

Multi-Bagian: Bagian ini memungkinkan Anda untuk menyesuaikan indikator kemajuan, perataan bagian, dan sebagainya.

  • Indikator Kemajuan: Ini adalah bilah kemajuan secara default. Namun, Anda dapat memilih Circle Bar , Arrow Steps , atau Non e dari drop-down.
  • Warna Indikator Kemajuan: Anda dapat memilih warna yang diinginkan untuk indikator kemajuan.
  • Perataan Navigasi Bagian: Dengan opsi ini, Anda dapat memilih perataan yang sesuai untuk tombol bagian. Anda dapat mengaturnya di kanan, kiri, tengah, atau split .
Pengaturan Multi Bagian

Anda sekarang dapat mengklik Simpan untuk menyimpan perubahan yang telah Anda buat pada formulir.


Langkah 6: Tambahkan Formulir Anda ke Situs Web

Anda telah berhasil membuat formulir multi-bagian menggunakan Formulir Everest dan mengaktifkan pratinjau entri untuknya. Tapi itu tidak akan terlihat oleh pengguna Anda kecuali Anda menampilkan formulir Anda di situs web.

Oleh karena itu, untuk menambahkan formulir ke situs Anda, Anda dapat menggunakan salah satu dari dua metode ini.

Cara pertama adalah dengan menggunakan shortcode form. Anda cukup menyalin kode pendek yang Anda lihat di bagian atas pembuat formulir.

Salin Kode Pendek Formulir

Kemudian, buat halaman atau posting baru, dan Anda akan masuk ke editor Gutenberg. Di sini, tekan ikon Add Block (+) dan cari blok Shortcode . Kemudian, klik pada blok untuk menambahkannya ke halaman atau posting.

Blok Kode Pendek

Selanjutnya, rekatkan kode pendek yang sebelumnya Anda salin ke dalam blok, dan klik tombol Terbitkan .

Tempel Kode Pendek

Itu dia! Formulir Anda akan ditampilkan di situs Anda.

Atau, Anda dapat menggunakan blok Everest Forms untuk menampilkan formulir Anda. Untuk itu, klik tombol Add Block dan cari blok Everest Forms .

Blok Bentuk Everest

Tambahkan ke halaman dan pilih formulir multi-bagian WordPress Anda dari drop-down.

Pilih Formulir Multi Bagian

Terakhir, Anda dapat menekan tombol Publikasikan di bagian atas.


Membungkusnya!

Dan itu adalah ringkasan untuk panduan kami tentang cara mengaktifkan opsi pratinjau entri untuk pengguna di formulir multi-bagian WordPress. Dengan plugin pembuat formulir yang kaya fitur seperti Everest Forms, Anda dapat membuat formulir multi-langkah dan mengaktifkan pratinjau entri untuknya dalam waktu singkat!

Selain itu, kemungkinan dengan Bentuk Everest tidak terbatas. Anda dapat menggunakan plugin yang kuat ini untuk mengaktifkan pengalihan bersyarat setelah pengiriman formulir, menyesuaikan gaya formulir, dan banyak lagi.

Baca lebih lanjut tentang Formulir Everest di blog kami jika Anda tertarik. Anda bahkan dapat memeriksa saluran YouTube kami untuk tutorial video yang mudah.

Juga, jangan lupa untuk mengikuti kami di Facebook dan Twitter untuk pembaruan di masa mendatang.