Creați formulare prin intermediul Editorului de blocuri cu formulare Gutenberg

Publicat: 2020-06-16

Căutarea pluginului perfect pentru formular este aproape la fel de veche ca WordPress. Proiectele au venit și au plecat. Există câteva pluginuri grozave, dar prea adesea alegerile sunt între constructori masivi care fac lucrurile în felul lor și soluții atât de simple încât nu se ridică la înălțimea așteptărilor. Munir Kamal și-a pus pălăria în ring cu interpretarea sa asupra acestei piețe saturate cu Gutenberg Forms, un plugin conceput exclusiv pentru a construi formulare în cadrul editorului de blocuri.

Pluginul nu este deloc perfect. Are numeroase ciudatenii. Face o mulțime de lucruri corect. Eșuează uneori cu funcții care ar putea schimba jocul. Are potențialul de a fi unul dintre cele mai bune pluginuri pentru crearea de forme pentru WordPress.

Începând cu versiunea 1.4.0, cea mai recentă actualizare, Gutenberg Forms este un amestec de succes și frustrare. Sunt entuziasmat de asta.

Sunt încântat pentru că ne aflăm încă în prima parte a duratei de viață a acestui plugin. Sunt încântat pentru că Kamal a construit câteva proiecte de succes legate de Gutenberg într-o perioadă scurtă de timp, inclusiv Gutenberg Hub și ACF Blocks. Sunt entuziasmat pentru că cred că se va îmbunătăți în timp.

Pluginurile de formulare nu sunt ușoare. În ciuda problemelor sale actuale, la care vom ajunge, Gutenberg Forms este un plugin util care bifează multe dintre căsuțele pe care vreau să le văd într-un generator de formulare în viitor. Ideile necesare pentru formularele bazate pe bloc sunt în vigoare. Execuția are nevoie doar de o rafinare.

Gutenberg Forms a fost recreat în februarie anul acesta. Kamal a lansat inițial pluginul în 2018, dar a rămas în limb timp de un an și jumătate înainte de a-l actualiza cu cele mai recente API-uri. De atunci, a fost în lacrimi, lansând actualizări frecvente și îmbunătățind modul în care funcționează pluginul. L-am testat pentru prima dată cu luni în urmă și nu am fost mulțumit de rezultat. Cu toate acestea, ultima iterație arată mult mai promițătoare.

Cu doar 200 de utilizatori actuali, cel mai mare lucru de care are nevoie pluginul este mai mult feedback de la mai mulți utilizatori.

Forme de clădire

Crearea unui formular standard cu pluginul Gutenberg Forms.
Crearea unui formular standard.

Gutenberg Forms face construirea formelor simplă. Există două moduri de a construi formulare în plugin. Prima metodă este un ecran personalizat „Formulare” în administrator. Este un tip de postare personalizat care funcționează la fel ca o postare sau o pagină. Diferența este că utilizatorii se limitează la adăugarea câmpurilor de formular furnizate de plugin. Utilizarea acestei metode de construire a formularelor este ideală deoarece formularul este salvat într-un singur loc și poate fi folosit oriunde pe site.

A doua metodă este construirea unui formular direct din editorul de postări sau pagini. Toate blocurile personalizate ale pluginului sunt disponibile pentru crearea unui formular personalizat. Pentru formularele unice, aceasta poate fi metoda de utilizat, dar recomand să construiți din ecranul Formulare.

După construirea unui formular prin intermediul ecranului Formulare, utilizatorii pot utiliza ulterior blocul Formulare Gutenberg pentru a insera un formular salvat. Ceea ce se întâmplă de fapt la inserarea acestui bloc este că, atunci când alegeți un formular salvat, pluginul inserează un shortcode în editor. Aceasta este una dintre acele ciudații cu pluginul. Una dintre ideile blocurilor de construcție este ca dezvoltatorii să se îndepărteze de la utilizarea sistemului de coduri scurte. Nu este nevoie să amestecați un shortcode aici din perspectivă tehnică. Ar trebui să fie pur și simplu un bloc pe partea serverului. Nu cred că acest lucru contează prea mult pentru utilizatorii finali. Funcționează. Este pur și simplu o ciudățenie care sper să evolueze pe termen lung.

Inserarea unui formular salvat într-o pagină cu pluginul Gutenberg Forms.
Inserarea unui formular salvat într-o pagină.

Pluginul furnizează majoritatea câmpurilor comune de formular pe care utilizatorii finali s-ar aștepta să le vadă într-un plugin de formular. Următoarele sunt blocurile de câmpuri formular disponibile în prezent:

  • Calcul
  • Caseta de bifat
  • Selector de date
  • E-mail
  • Fişier
  • Butonul Formular
  • Mesaj
  • Nume
  • Număr
  • Telefon
  • Radio
  • Selectați
  • Text
  • Site-ul web
  • Da nu

Gutenberg Forms include și alte blocuri care nu sunt pentru ieșirea câmpurilor. Blocul Coloane formular permite utilizatorilor finali să creeze câmpuri cu coloane. Acest lucru funcționează excelent pentru câmpurile care trebuie aliniate orizontal, cum ar fi câmpurile pentru oraș, stat și cod poștal. Blocul Form Group permite utilizatorilor să grupeze mai multe blocuri. De asemenea, are mai multe opțiuni de design, inclusiv culori personalizate și căptușeală. Blocul Form Step este util pentru adăugarea de pași în formularele cu mai mulți pași.

Cea mai mare, dar mai puțin șlefuită, este biblioteca de șabloane pre-proiectate pe care Gutenberg Forms o pune la dispoziție. În prezent, pluginul are aproximativ trei duzini de șabloane personalizate. Având în vedere munca lui Kamal cu șabloane la Gutenberg Hub, bănuiesc că vom vedea și mai multe șabloane în viitor.

Inserarea unui șablon de formular într-o pagină cu pluginul Gutenberg Forms WordPress.
Inserarea unui șablon de formular într-o pagină.

Problema? Inserarea șablonului de formular nu funcționează întotdeauna.

Testând pluginul atât cu cel mai recent plugin WordPress, cât și cu Gutenberg, nu am reușit să inserez niciun șablon de formular prin noul ecran de formular. Au existat erori JavaScript care au împiedicat inserarea acestuia. Una dintre cele mai interesante caracteristici ale pluginului care nu a funcționat, cel puțin în mediul meu de testare, a fost un pic dezamăgitor.

În timp ce inserarea unui șablon nu a funcționat pe ecranul de creare a formularelor, a funcționat la crearea unor formulare unice pe ecranul de editare a paginii. Cu toate acestea, am primit temutul mesaj „acest bloc conține conținut neașteptat sau invalid” pentru unele dintre blocuri după inserare.

Această problemă nu este de netrecut. Proiectul Gutenberg este într-o stare constantă de flux. Iert aceste tipuri de probleme chiar acum, deoarece lucrurile sunt atât de nerezolvate și știu, de asemenea, că pot fi rezolvate într-o actualizare. Cu toate acestea, vreau să le subliniez pentru utilizatorii care ar putea avea nevoie de ceva mai lustruit în mediile lor de producție. Puteți crea formulare cu ușurință fără caracteristica șablon.

Gânduri finale

Da, Gutenberg Forms este puțin dur pe margini. Nu este în punctul în care poate fi competitiv cu unii dintre ceilalți jucători importanți de pe piața formelor. Cu toate acestea, peste șase luni sau un an de acum înainte, presupunând o îmbunătățire continuă, ar trebui să fie în măsură să înceapă să-și taie propria bucată de plăcintă.

Există și alte detalii cu pluginul. De exemplu, stilul de bloc „Inline” disponibil cu unele blocuri nu poate fi resetat la valoarea implicită. „C” din numele blocului Caseta de selectare este litere mici, în timp ce toate celelalte nume de bloc încep cu o literă majusculă. Aceste lucruri minore fac pluginul să pară mai puțin lustruit decât este.

Chiar și cu problemele pe care le-am subliniat, le-aș recomanda oamenilor de pe piață pentru un generator de formulare bazat pe blocuri pentru a oferi acestui plugin un test de rulare. Simplitatea sa o va face o alegere ușoară pentru mulți. În cea mai mare parte, funcționează bine. La sfârșitul zilei, vă permite să creați formulare și să stocheze trimiterile pentru acele formulare direct în baza de date și asta este ceea ce contează cu adevărat.

Sunt ferm convins că suntem la începutul a ceva special. Va dura ceva timp până ajungem acolo. Chiar dacă Gutenberg Forms nu preia piața generatoare de formulare, alți dezvoltatori de plugin-uri ar trebui să înceapă să ia indicii de la ceea ce face acest plugin.