Daftar Periksa Pengujian Formulir Lengkap (Mencegah Kesalahan + Entri yang Hilang)

Diterbitkan: 2022-04-18

Apakah Anda mencari daftar periksa pengujian formulir lengkap untuk mencegah kesalahan dan kehilangan data?

Formulir online adalah alat yang sangat nyaman untuk mengumpulkan informasi yang berguna dari pelanggan Anda.

Tetapi Anda hanya dapat menggunakan formulir Anda dengan baik dan mengumpulkan entri yang akurat jika semuanya bekerja dengan sempurna.

Dalam posting ini, kami akan merekomendasikan daftar periksa pengujian formulir untuk membantu Anda mencegah kesalahan dan memastikan bahwa formulir Anda berfungsi sebagaimana mestinya.

Buat Formulir WordPress Sempurna Sekarang

Apa itu Pengujian Formulir?

Pengujian formulir adalah proses terstruktur untuk memeriksa fungsionalitas, pengalaman pengguna, dan efektivitas keseluruhan formulir web.

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

Beberapa komponen utama yang ditinjau pemasar selama pengujian formulir meliputi:

  • Format bidang
  • Validasi data
  • Ajakan bertindak
  • Bentuk responsif
  • Dan banyak lagi.

Ini adalah praktik standar untuk menguji formulir secara sistematis sebelum menerbitkannya di situs Anda. Formulir yang rusak tidak hanya gagal mengumpulkan informasi yang Anda butuhkan dari pengunjung Anda, tetapi juga berdampak buruk pada merek Anda.

Kami telah menyiapkan daftar periksa pengujian formulir yang dapat Anda rujuk setiap kali Anda membuat formulir online baru untuk situs Anda.

Daftar Periksa Pengujian Formulir Online Lengkap

Berikut daftar periksa pengujian formulir yang kami rekomendasikan yang dapat Anda gunakan saat membuat formulir untuk situs Anda:

  1. Kiat Cepat untuk Pengujian Formulir yang Berhasil
    • Simpan Kemajuan Sering & Buat Banyak Cadangan
    • Pratinjau Formulir Anda
  2. Tes Fungsionalitas Formulir
    • Apakah Validasi Bidang Formulir Akurat?
    • Apakah Entri Formulir Menyimpan dengan Benar?
    • Bisakah Anda Menerima Email Pemberitahuan Formulir?
    • Apakah Kondisi Berfungsi Seperti yang Diharapkan?
    • Apakah CAPTCHA Berperilaku Benar?
    • Apakah Integrasi Disetup dengan Benar?
    • Apakah Pembayaran Tes Melewati?
  3. Formulir Tes Pengalaman Pengguna
    • Apakah Formulir Terlalu Panjang?
    • Sudahkah Anda Menyatakan dengan Jelas Tujuan dan Instruksi Formulir?
    • Apakah Konfirmasi Formulir Anda Instruktif?
    • Apakah Formulir Mobile-Friendly?
    • Dapatkah Pengguna Mempratinjau Entri Sebelum dan/atau Setelah Pengajuan?

Kami akan menerapkan daftar periksa ini ke formulir yang dibuat dengan WPForms. Meskipun Anda dapat menerapkan daftar periksa yang sama ke formulir yang dibuat dengan pembuat lain, WPForms memiliki banyak fitur berguna untuk membuat proses ini sangat cepat dan akurat.

1. Kiat Cepat untuk Pengujian Formulir yang Berhasil

Sebelum Anda memulai pengujian, mari kita bahas beberapa tips penting untuk memastikan proses pengujian yang lancar.

Simpan Kemajuan Sering & Buat Banyak Cadangan

Membangun bentuk sering cenderung menjadi kegiatan yang sedikit eksperimental. Anda mungkin tidak selalu yakin di mana Anda harus menempatkan bidang tertentu, apa yang harus diberi nama, dan tata letak formulir mana yang ideal.

Karena alasan ini, sebaiknya simpan formulir Anda sesering mungkin saat Anda membuatnya.

WPForms membuat pengujian formulir menjadi sangat nyaman dengan menyimpan catatan semua perubahan yang Anda atau siapa pun dalam tim Anda telah buat pada formulir.

Dengan fitur Revisi Formulir , WPForms menyimpan versi formulir Anda dalam keadaan saat ini setiap kali Anda menekan Simpan .

Panel revisi formulir

Anda dapat memanfaatkan fitur ini untuk bereksperimen dengan berbagai versi formulir Anda tanpa harus membuat formulir baru dari awal setiap kali.

Juga, ini memungkinkan Anda untuk dengan cepat membatalkan kesalahan karena Anda dapat memutar kembali ke versi sebelumnya dengan satu klik.

Jadi, kami menyarankan Anda untuk sering menyimpan untuk pengujian formulir yang cepat dan efisien.

Pratinjau Formulir Anda

Alat Pratinjau WPForm akan menjadi vital selama pengujian formulir Anda. Pratinjau memberi Anda lingkungan pengujian yang sempurna untuk memeriksa setiap elemen formulir Anda dari frontend.

Anda dapat mengakses pratinjau formulir dengan mengklik tombol Pratinjau di sudut kanan atas formulir yang sedang Anda kerjakan.

Pratinjau formulir Anda

Anda juga dapat mengakses pratinjau untuk formulir apa pun yang Anda buat dari halaman Ikhtisar Formulir . Arahkan ke WPForms »Semua Formulir, arahkan kursor ke formulir yang ingin Anda pratinjau, lalu klik Pratinjau saat opsi muncul.

Mempratinjau formulir

Dari pratinjau, Anda dapat dengan mudah menguji fungsionalitas dan pengalaman pengguna formulir Anda sebelum diluncurkan.

Jalankan melalui langkah-langkah berikutnya saat Anda dalam pratinjau untuk menguji semua komponen formulir Anda dengan aman.

2. Tes Fungsionalitas Formulir

Setiap bagian dari formulir Anda harus berfungsi seperti yang diharapkan tanpa kesalahan. Berikut adalah beberapa hal terpenting yang harus diingat saat menguji fungsionalitas formulir Anda.

Apakah Validasi Bidang Formulir Akurat?

Saat Anda berada dalam mode pratinjau formulir, Anda dapat menguji apakah validasi formulir berfungsi dengan benar.

Validasi formulir berarti bahwa formulir Anda dengan benar menampilkan pesan kesalahan jika pengguna melewatkan bidang yang diperlukan atau memasukkan format input yang salah.

Misalnya, jika pengguna melewatkan bidang Nama saat Anda menetapkannya sebagai bidang wajib, formulir akan menolak untuk dikirim. Sebaliknya, itu akan mengingatkan pengguna dengan pesan yang menyoroti semua bidang yang diperlukan.

Validasi formulir

Selain itu, beberapa bidang hanya boleh menerima input dalam format tertentu dan memicu peringatan kepada pengguna jika input diberikan dalam format yang salah. Salah satu contohnya adalah bidang Email .

Saat Anda berada di pratinjau, coba masukkan alamat email acak menggunakan sintaks yang salah. WPForms akan dengan cepat melakukan validasi dan menampilkan pesan kesalahan, menginstruksikan Anda untuk memasukkan alamat email yang valid.

Validasi email

Lanjutkan memeriksa validasi di semua bidang (nomor telepon, bidang dengan batas karakter, dll.) yang diperlukan atau memiliki persyaratan input khusus.

Jika Anda tidak melihat pesan validasi ini di formulir Anda, mungkin ada konflik kode di situs Anda.

Apakah Entri Formulir Menyimpan dengan Benar?

Bahkan jika semuanya terlihat baik-baik saja di frontend, Anda harus selalu memastikan bahwa entri formulir disimpan dengan benar di backend Anda.

Anda dapat mengirimkan entri tes sendiri dari mode pratinjau WPForms. Kemudian, periksa apakah entri Anda disimpan dengan benar oleh WPForms.

Untuk mengakses entri formulir, buka WPForms »Semua Formulir. Kemudian, gerakkan kursor Anda ke formulir yang baru saja Anda kirimkan entri tesnya dan klik Entri .

Membuka halaman Entri untuk formulir tertentu

Anda seharusnya dapat melihat entri pengujian Anda di layar ini.

Halaman Entri Formulir

Jika Anda tidak dapat melihat entri pengujian, mungkin ada masalah di situs Anda. Pastikan Anda menggunakan versi WPForms terbaru dan instalasi WordPress Anda diperbarui.

Selain itu, Anda tidak boleh mengaktifkan dua plugin pembuat formulir yang berbeda di situs Anda karena itu dapat menyebabkan konflik.

Bisakah Anda Menerima Email Pemberitahuan Formulir?

Anda seharusnya dapat menerima email pemberitahuan pengiriman ke alamat email yang Anda berikan segera setelah Anda mengirim entri tes.

Kegagalan menerima email mungkin menunjukkan masalah email yang lebih dalam di situs WordPress Anda. Jika Anda menerima email di folder spam, itu masih menjadi masalah yang perlu diperbaiki.

Untungnya, solusinya mudah. Masalah pengiriman email di WordPress hampir selalu disebabkan oleh kurangnya detail otentikasi dalam pesan Anda.

Untuk menambahkan otentikasi yang tepat dan memastikan pengiriman yang lebih andal dan lebih cepat, Anda harus menggunakan SMTP untuk email daripada surat PHP, yang merupakan pengaturan default WordPress.

Cara termudah untuk mengkonfigurasi ulang fungsi email situs Anda ke SMTP adalah dengan menginstal plugin bernama WP Mail SMTP.

WP Mail SMTP untuk pelacakan email

Plugin ini memungkinkan Anda terhubung dengan penyedia layanan email SMTP yang andal untuk memperbaiki semua masalah email di situs Anda, termasuk pemberitahuan formulir.

Untuk detail SMTP dan petunjuk penyiapan, lihat cara memperbaiki formulir kontak tidak mengirim email.

Apakah Kondisi Berfungsi Seperti yang Diharapkan?

Sangat mudah untuk lupa memeriksa apakah kondisi berperilaku seperti yang diharapkan selama pengujian formulir.

Karena kondisi biasanya menyembunyikan bidang kecuali input tertentu dipilih oleh pengguna, penting untuk menguji formulir Anda dengan hati-hati dengan memasukkan input yang berbeda ke dalam bidang tempat aturan bersyarat berlaku.

Jika ada sesuatu yang tampak salah, kembali ke backend formulir Anda dan tinjau dengan cermat pengaturan logika bersyarat Anda untuk kemungkinan kesalahan.

Apakah CAPTCHA Berperilaku Benar?

Saat menguji CAPTCHA, tidak cukup memastikan bahwa CAPTCHA muncul di formulir Anda dari frontend.

Untuk sepenuhnya menguji fungsionalitas CAPTCHA yang tepat, pastikan Anda melakukan hal berikut:

  • Untuk kotak centang v2 reCAPTCHA dan Captcha pastikan formulir tidak terkirim jika Anda membiarkan kotak reCAPTCHA tidak dicentang
  • Untuk CAPTCHA khusus, pastikan bahwa formulir hanya dikirimkan saat Anda memasukkan jawaban yang benar dan jika tidak, formulir akan memberikan kesalahan.

Jika Anda melihat kesalahan yang tidak Anda duga, Anda harus memeriksa kunci rahasia Anda. Anda dapat melihat opsi CAPTCHA yang didukung oleh WPForms untuk lebih jelasnya.

Anda mungkin juga ingin menggunakan metode token anti-spam WPForm untuk pencegahan spam. Ini sangat efektif dan dapat diaktifkan dengan satu klik. Untuk mempelajari lebih lanjut, lihat cara menghentikan spam formulir kontak.

Apakah Integrasi Disetup dengan Benar?

Jika Anda telah menghubungkan formulir Anda ke alat pemasaran dan database pihak ketiga, pastikan bahwa data entri pengujian Anda terkirim dengan benar ke semua aplikasi yang terhubung

WPForms mendukung integrasi dengan platform seperti:

  • titik hub,
  • Kontak konstan,
  • Kampanye aktif,
  • Dan banyak lagi.

Jika formulir Anda tidak berkomunikasi dengan aplikasi yang Anda inginkan untuk terhubung, kembali ke pengaturan formulir Anda dan periksa ulang pengaturan integrasi.

Anda mungkin juga ingin mencoba menghapus koneksi yang ada dan membuat koneksi baru untuk membuat integrasi yang berhasil.

Apakah Pembayaran Tes Melewati?

Jika formulir Anda memiliki bidang pembayaran, Anda dapat melakukan pembayaran percobaan untuk mengonfirmasi bahwa pembayaran berhasil dilakukan.

Dengan WPForms, semua add-on pembayaran dilengkapi dengan fungsionalitas pengujian, sehingga Anda dapat dengan cepat memeriksa apakah pembayaran berhasil.

Untuk bantuan dengan integrasi dan pengujian pembayaran, lihat panduan untuk gateway pembayaran pilihan Anda:

  • Garis
  • Kotak
  • PayPal
  • Otorisasi.Net

Saat Anda siap meluncurkan formulir Anda, pastikan untuk mengalihkan pengaturan pembayaran ke mode Live.

3. Formulir Tes Pengalaman Pengguna

Fungsionalitas formulir yang baik berarti bahwa setiap elemen dalam formulir Anda berhasil melakukan tugasnya.

Namun, ada beberapa pertimbangan yang tidak memengaruhi fungsionalitas formulir tetapi dapat memainkan peran besar dalam meningkatkan pengalaman pengguna. Dan untuk mendorong pengguna mengirimkan formulir, pengalaman pengguna yang baik sangat penting.

Berikut adalah beberapa pertimbangan utama yang harus Anda ingat mengenai pengalaman pengguna formulir Anda.

Apakah Formulir Terlalu Panjang?

Tidak ada yang bisa merusak pengalaman pengguna seperti bentuk panjang yang terlihat seperti dinding tak berujung. Bila memungkinkan, cobalah untuk meninggalkan bidang yang tidak perlu yang mungkin tidak benar-benar Anda butuhkan dalam formulir.

Namun, jika Anda tidak dapat mempersingkat formulir, ada beberapa cara untuk mempermudah pengisian dan mengurangi pengabaian formulir.

Berikut adalah beberapa tips untuk memerangi kelelahan bentuk:

  • Gunakan formulir multi halaman: Cara terbaik untuk membuat formulir panjang lebih mudah diisi adalah dengan menambahkan jeda halaman untuk membagi formulir Anda menjadi beberapa halaman. Pengguna menemukan pengguliran vertikal jauh lebih membuat frustrasi dan lebih mungkin untuk keluar dari formulir seperti itu dibandingkan dengan formulir yang dibagi dengan rapi menjadi beberapa halaman. Anda juga dapat menyisipkan pembagi bagian untuk mengatur formulir Anda menjadi beberapa bagian.
  • Aktifkan Simpan dan Lanjutkan: Memberi pengguna Anda kemampuan untuk menyimpan sebagian entri dan kembali lagi nanti dapat meningkatkan konversi dan mencegah pengabaian.
  • Sembunyikan bidang bersyarat: Beberapa bidang hanya relevan untuk pengguna tertentu. Menggunakan logika bersyarat, Anda dapat menampilkan atau menyembunyikan bidang tergantung pada respons pengguna sebelumnya. Ini adalah cara yang bagus untuk menyesuaikan panjang formulir Anda secara otomatis berdasarkan tanggapan pengguna.

Ini adalah beberapa kemungkinan tindakan yang dapat Anda ambil untuk meningkatkan pengalaman pengguna dan membuat formulir panjang Anda lebih mudah untuk dikirim.

Anda mungkin ingin melihat panduan kami tentang menambahkan bilah kemajuan ke formulir Anda untuk membantu orang melacak kemajuan mereka saat mereka mengisi formulir yang panjang.

Sudahkah Anda Menyatakan dengan Jelas Tujuan dan Instruksi Formulir?

Setiap formulir memiliki satu tujuan, yang harus segera jelas dari judul formulir saja.

Anda juga dapat menyertakan deskripsi dan instruksi singkat di bawah formulir. Judul dan deskripsi yang baik memperjelas maksud formulir Anda dan membantu menetapkan harapan pengguna.

Nama formulir dan deskripsi

Anda juga dapat menggunakan teks placeholder dalam bidang Anda untuk menginstruksikan pengguna Anda tentang format atau jenis input yang harus mereka masukkan.

Menambahkan teks placeholder ke bidang Telepon

Dengan petunjuk sederhana ini, Anda dapat meminimalkan potensi kebingungan yang mungkin dimiliki pengguna Anda mengenai penggunaan dan harapan dari formulir Anda.

Apakah Konfirmasi Formulir Anda Instruktif?

Pesan konfirmasi atau halaman terima kasih ketika pengguna mengirimkan formulir harus memandu pengguna ke langkah selanjutnya dan apa yang dapat mereka harapkan.

Sebaiknya periksa pesan konfirmasi default Anda dan buat lebih instruktif bagi pengguna Anda dengan memberikan beberapa detail.

konfirmasi formulir

Jika Anda memiliki formulir pemesanan, Anda dapat menyesuaikan pesan konfirmasi untuk menampilkan penempatan pesanan yang berhasil.

Anda juga dapat mengarahkan pengguna ke halaman lain setelah pengiriman. Ini dapat membantu jika Anda ingin pengguna mengakses halaman tertentu dengan tautan unduhan atau konten lain yang Anda ingin mereka akses setelah pengiriman.

Apakah Formulir Mobile-Friendly?

Karena formulir biasanya dibuat menggunakan perangkat desktop, banyak pemasar membuat kesalahan dengan hanya mengujinya di perangkat yang sama yang mereka gunakan untuk membuatnya.

Dalam kebanyakan kasus, Anda dapat mengharapkan pengunjung mengakses formulir Anda menggunakan semua jenis perangkat termasuk laptop, ponsel cerdas, dan tablet. Oleh karena itu, masuk akal untuk menguji respons formulir Anda di berbagai perangkat.

WPForms adalah pembuat formulir yang bertanggung jawab untuk seluler, yang berarti bahwa semua formulir yang Anda buat akan secara otomatis beradaptasi dengan sempurna ke berbagai ukuran layar.

Apapun, Anda tetap harus selalu menguji formulir Anda dengan mengirimkan entri tes menggunakan browser ponsel.

Dalam banyak kasus, tata letak formulir multi-kolom tidak berfungsi dengan baik di perangkat seluler. Tetapi Anda dapat dengan mudah menambahkan kelas CSS untuk menyesuaikannya dengan tata letak satu kolom untuk seluler.

Dapatkah Pengguna Mempratinjau Entri Sebelum dan/atau Setelah Pengajuan?

Cara lain item berguna yang dapat Anda sertakan dalam daftar periksa pengujian formulir Anda adalah apakah pengguna dapat melihat pratinjau entri mereka sebelum dikirim.

WPForms memiliki bidang pratinjau entri yang dapat Anda sertakan untuk setiap halaman formulir Anda saat pengguna mengisinya dan juga setelah pengiriman.

Pratinjau entri membantu pengguna memverifikasi informasi yang mereka berikan di formulir dan memperbaiki kesalahan yang mungkin mereka buat di halaman sebelumnya di formulir Anda.

Pratinjau bentuk sederhana

Hal ini tidak hanya membantu meningkatkan keakuratan informasi yang akan Anda kumpulkan dari pengguna, tetapi juga memberikan pengalaman yang lebih baik bagi pengguna Anda.

Dan itu saja! Kami harap Anda menemukan bahwa pengujian formulir ini membantu Anda membuat formulir yang berfungsi sempurna dan responsif bagi pengunjung Anda.

Selanjutnya, Buat Halaman Login WordPress yang Stylish

Halaman login WordPress generik sangat terbatas fungsinya dan terlihat membosankan. Kami telah mengumpulkan daftar plugin halaman login WordPress terbaik yang dapat membantu Anda meningkatkan permainan Anda.

Jika Anda menggunakan alat CRM untuk mengelola pelanggan Anda, Anda mungkin ingin melihat statistik CRM ini untuk tahun 2022.

Buat Formulir WordPress yang Sempurna Sekarang

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.