Bangun Formulir melalui Editor Blok Dengan Formulir Gutenberg

Diterbitkan: 2020-06-16

Pencarian plugin bentuk yang sempurna hampir setua WordPress. Proyek telah datang dan pergi. Ada beberapa plugin formulir yang bagus di luar sana, tetapi terlalu sering pilihannya adalah antara pembangun besar yang melakukan berbagai hal dengan cara mereka sendiri dan solusi yang sangat sederhana sehingga tidak memenuhi harapan. Munir Kamal telah menempatkan topinya ke atas ring dengan pandangannya di pasar yang jenuh ini dengan Gutenberg Forms, sebuah plugin yang dirancang untuk secara eksklusif membangun formulir di dalam editor blok.

Plugin ini sama sekali tidak sempurna. Ini memiliki banyak keanehan. Itu melakukan banyak hal dengan benar. Terkadang gagal dengan fitur yang bisa mengubah permainan. Ini memiliki potensi untuk menjadi salah satu plugin pembentuk bentuk terbaik untuk WordPress.

Pada versi 1.4.0, pembaruan terbaru, Formulir Gutenberg adalah campuran kesuksesan dan frustrasi. Saya bersemangat tentang hal itu.

Saya senang karena kami masih berada di bagian awal masa pakai plugin ini. Saya senang karena Kamal telah membangun beberapa proyek terkait Gutenberg yang sukses dalam waktu singkat, termasuk Gutenberg Hub dan ACF Blocks. Saya senang karena saya percaya itu akan meningkat seiring waktu.

Plugin formulir tidak mudah. Terlepas dari masalah saat ini, yang akan kita bahas, Gutenberg Forms adalah plugin berguna yang menandai banyak kotak yang ingin saya lihat di pembuat formulir di masa mendatang. Ide-ide yang dibutuhkan untuk formulir berbasis blok sudah tersedia. Eksekusi hanya perlu beberapa penyempurnaan.

Formulir Gutenberg diciptakan kembali pada bulan Februari tahun ini. Kamal awalnya merilis plugin tersebut pada tahun 2018, tetapi plugin tersebut terhenti selama satu setengah tahun sebelum dia memperbaruinya dengan API terbaru. Sejak itu, dia terus-menerus menangis, sering merilis pembaruan dan meningkatkan cara kerja plugin. Saya pertama kali mengujinya beberapa bulan yang lalu dan tidak senang dengan hasilnya. Namun, iterasi terbaru menunjukkan lebih banyak janji.

Dengan hanya 200+ pengguna saat ini, hal terbesar yang dibutuhkan plugin adalah lebih banyak umpan balik dari lebih banyak pengguna.

Formulir Bangunan

Membuat formulir standar dengan plugin Gutenberg Forms.
Membuat formulir standar.

Formulir Gutenberg membuat pembuatan formulir menjadi sederhana. Ada dua cara untuk membuat formulir di plugin. Metode pertama adalah layar "Formulir" khusus di admin. Ini adalah jenis posting khusus yang berfungsi seperti posting atau halaman. Perbedaannya adalah pengguna dibatasi untuk menambahkan kolom formulir yang disediakan oleh plugin. Menggunakan metode formulir bangunan ini sangat ideal karena formulir disimpan di satu tempat dan dapat digunakan di mana saja di situs.

Metode kedua adalah membangun formulir langsung dari editor posting atau halaman. Semua blok kustom plugin tersedia untuk membuat formulir kustom. Untuk formulir satu kali, ini mungkin metode yang digunakan, tetapi saya sarankan untuk membangun dari layar Formulir saja.

Setelah membuat formulir melalui layar Formulir, pengguna nantinya dapat menggunakan blok Formulir Gutenberg untuk menyisipkan formulir yang disimpan. Apa yang sebenarnya terjadi saat menyisipkan blok ini adalah, saat memilih formulir yang disimpan, plugin menyisipkan kode pendek ke dalam editor. Ini adalah salah satu kebiasaan dengan plugin. Salah satu ide blok bangunan adalah agar pengembang menjauh dari penggunaan sistem kode pendek. Tidak perlu mencampur kode pendek di sini dari perspektif teknis. Seharusnya hanya menjadi blok sisi server. Saya tidak membayangkan ini penting bagi pengguna akhir. Berhasil. Ini hanyalah keanehan yang saya harap berkembang dalam jangka panjang.

Memasukkan formulir yang disimpan ke dalam halaman dengan plugin Gutenberg Forms.
Memasukkan formulir yang disimpan ke dalam halaman.

Plugin menyediakan sebagian besar bidang formulir umum yang diharapkan pengguna akhir untuk dilihat di plugin formulir. Berikut ini adalah blok bidang formulir yang saat ini tersedia:

  • Perhitungan
  • kotak centang
  • Pemilih Tanggal
  • Surel
  • Mengajukan
  • Tombol Formulir
  • Pesan
  • Nama
  • Nomor
  • Telepon
  • Radio
  • Pilih
  • Teks
  • Situs web
  • Ya Tidak

Formulir Gutenberg juga menyertakan blok lain yang bukan untuk bidang keluaran. Blok Kolom Formulir memungkinkan pengguna akhir untuk membuat bidang kolom. Ini berfungsi baik untuk bidang yang perlu dijajarkan secara horizontal, seperti bidang kota, negara bagian, dan kode pos. Blok Form Group memungkinkan pengguna untuk mengelompokkan beberapa blok. Ini juga memiliki beberapa opsi desain, termasuk warna dan bantalan khusus. Blok Form Step berguna untuk menambahkan langkah-langkah dalam bentuk multi-langkah.

Fitur terbesar tetapi paling tidak dipoles adalah perpustakaan templat yang telah dirancang sebelumnya yang disediakan oleh Gutenberg Forms. Saat ini, plugin memiliki sekitar tiga lusin templat khusus. Mengingat pekerjaan Kamal dengan template di Gutenberg Hub, saya menduga kita akan melihat lebih banyak template di masa mendatang.

Memasukkan Templat formulir ke halaman dengan plugin Gutenberg Forms WordPress.
Menyisipkan Templat formulir ke dalam halaman.

Masalah? Penyisip Templat formulir tidak selalu berfungsi.

Menguji plugin terhadap plugin WordPress dan Gutenberg terbaru, saya tidak dapat memasukkan templat formulir apa pun melalui layar formulir baru. Ada kesalahan JavaScript yang mencegahnya dimasukkan. Salah satu fitur paling menarik dari plugin yang gagal berfungsi, setidaknya di lingkungan pengujian saya, sedikit mengecewakan.

Saat menyisipkan templat tidak berfungsi di layar pembuatan formulir, itu berhasil saat membuat formulir sekali pakai di layar pengeditan halaman. Namun, saya memang menerima pesan "blok ini berisi konten yang tidak terduga atau tidak valid" yang ditakuti untuk beberapa blok setelah penyisipan.

Masalah ini tidak dapat diatasi. Proyek Gutenberg dalam keadaan fluks yang konstan. Saya memaafkan jenis masalah ini sekarang karena banyak hal yang tidak terselesaikan, dan saya juga tahu mereka dapat diatasi dalam pembaruan. Namun, saya ingin menunjukkannya kepada pengguna yang mungkin membutuhkan sesuatu yang sedikit lebih halus di lingkungan produksi mereka. Anda dapat membuat formulir dengan mudah tanpa fitur template.

Pikiran Akhir

Ya, Formulir Gutenberg agak kasar di tepinya. Ini bukan pada titik di mana ia dapat bersaing dengan beberapa pemain utama lainnya di pasar formulir. Namun, enam bulan atau satu tahun dari sekarang, dengan asumsi perbaikan terus-menerus, itu harus dalam posisi untuk mulai mengiris sepotong kue sendiri.

Ada beberapa nitpicks lain dengan plugin. Misalnya, gaya blok "Sebaris" yang tersedia dengan beberapa blok tidak dapat diatur ulang ke default. "C" dalam nama blok Kotak Centang adalah huruf kecil sementara semua nama blok lainnya dimulai dengan huruf besar. Hal-hal kecil ini membuat plugin tampak kurang dipoles daripada sebenarnya.

Bahkan dengan masalah yang telah saya uraikan, saya akan merekomendasikan orang-orang di pasar untuk pembuat formulir berbasis blok untuk mencoba plugin ini. Kesederhanaannya akan membuatnya menjadi pilihan yang mudah bagi banyak orang. Untuk sebagian besar, itu bekerja dengan baik. Pada akhirnya, ini memungkinkan Anda membuat formulir dan menyimpan kiriman untuk formulir tersebut secara langsung di database, dan itulah yang benar-benar penting.

Saya sangat percaya bahwa kita berada di awal sesuatu yang istimewa. Hanya butuh sedikit waktu sebelum kita sampai di sana. Bahkan jika Gutenberg Forms tidak mengambil alih pasar pembuat formulir, pengembang plugin lain harus mulai mengambil petunjuk dari apa yang dilakukan plugin ini.