Twórz formularze za pomocą edytora bloków za pomocą formularzy Gutenberg

Poszukiwanie idealnej wtyczki do formularzy jest prawie tak stare jak WordPress. Projekty pojawiały się i znikały. Istnieje kilka świetnych wtyczek do formularzy, ale zbyt często wybór dotyczy ogromnych konstruktorów, którzy robią rzeczy po swojemu, a rozwiązaniami tak prostymi, że nie do końca spełniają oczekiwania. Munir Kamal włożył kapelusz na ring, podejmując wyzwanie tego nasyconego rynku za pomocą Gutenberg Forms, wtyczki przeznaczonej wyłącznie do tworzenia formularzy w edytorze bloków.

Wtyczka w żadnym wypadku nie jest idealna. Ma wiele dziwactw. Wiele rzeczy robi dobrze. Czasami zawodzi z funkcjami, które mogą zmienić grę. Ma potencjał, aby być jedną z najlepszych wtyczek do tworzenia formularzy dla WordPressa.

Od wersji 1.4.0, najnowszej aktualizacji, Gutenberg Forms to mieszana torba sukcesu i frustracji. Jestem tym podekscytowany.

Jestem podekscytowany, ponieważ wciąż jesteśmy w początkowej fazie życia tej wtyczki. Jestem podekscytowany, ponieważ Kamal zbudował kilka udanych projektów związanych z Gutenbergiem w krótkim czasie, w tym Gutenberg Hub i ACF Blocks. Jestem podekscytowany, ponieważ wierzę, że z czasem się poprawi.

Wtyczki formularzy nie są łatwe. Pomimo bieżących problemów, do których dojdziemy, Gutenberg Forms jest użyteczną wtyczką, która zaznacza wiele pól, które chcę zobaczyć w kreatorze formularzy w przyszłości. Pomysły potrzebne na formy oparte na blokach są gotowe. Wykonanie wymaga tylko dopracowania.

Gutenberg Forms został odtworzony w lutym tego roku. Kamal pierwotnie wydał wtyczkę w 2018 roku, ale pozostawała w zawieszeniu przez półtora roku, zanim zaktualizował ją o najnowsze interfejsy API. Od tego czasu jest w rozdarciu, publikując częste aktualizacje i ulepszając działanie wtyczki. Po raz pierwszy przetestowałem go kilka miesięcy temu i nie byłem zadowolony z wyniku. Jednak najnowsza iteracja jest znacznie bardziej obiecująca.

Przy ponad 200 obecnych użytkownikach największą rzeczą, jakiej potrzebuje wtyczka, jest więcej informacji zwrotnych od większej liczby użytkowników.

Budowanie form

Gutenberg Forms sprawia, że ​​tworzenie formularzy jest proste. Istnieją dwa sposoby budowania formularzy we wtyczce. Pierwsza metoda to niestandardowy ekran „Formularze” w panelu administracyjnym. Jest to niestandardowy typ posta, który działa tak samo jak post lub strona. Różnica polega na tym, że użytkownicy są ograniczeni do dodawania pól formularzy dostarczonych przez wtyczkę. Korzystanie z tej metody budowania formularzy jest idealne, ponieważ formularz jest zapisany w jednym miejscu i może być używany w dowolnym miejscu na stronie.

Drugą metodą jest budowanie formularza bezpośrednio z edytora postów lub stron. Wszystkie niestandardowe bloki wtyczki są dostępne do tworzenia niestandardowego formularza. W przypadku formularzy jednorazowych może to być metoda do użycia, ale zamiast tego zalecam tworzenie z ekranu formularzy.

Po zbudowaniu formularza za pomocą ekranu Formularze użytkownicy mogą później użyć bloku Gutenberg Forms, aby wstawić zapisany formularz. To, co faktycznie dzieje się podczas wstawiania tego bloku, polega na tym, że wybierając zapisany formularz, wtyczka wstawia krótki kod do edytora. To jedno z tych dziwactw związanych z wtyczką. Jednym z pomysłów budowania bloków jest odejście programistów od korzystania z systemu shortcode. Z technicznego punktu widzenia nie ma potrzeby mieszać tutaj krótkiego kodu. Powinien to być po prostu blok po stronie serwera. Nie wyobrażam sobie, aby miało to duże znaczenie dla użytkowników końcowych. To działa. To po prostu osobliwość, która, mam nadzieję, rozwinie się na dłuższą metę.

Wtyczka zapewnia większość typowych pól formularzy, których użytkownicy końcowi mogliby oczekiwać we wtyczce formularzy. Poniżej znajdują się obecnie dostępne bloki pól formularza:

• Obliczenie
• Pole wyboru
• Selektor dat
• E-mail
• Plik
• Przycisk formularza
• Wiadomość
• Nazwa
• Numer
• Telefon
• Radio
• Wybierać
• Tekst
• Stronie internetowej
• Tak nie

Formularze Gutenberga zawierają również inne bloki, które nie służą do wyprowadzania pól. Blok Kolumny formularza umożliwia użytkownikom końcowym tworzenie pól kolumnowych. Działa to doskonale w przypadku pól, które muszą być ułożone poziomo, takich jak pola miasta, województwa i kodu pocztowego. Blok Form Group umożliwia użytkownikom grupowanie wielu bloków. Ma również kilka opcji projektowych, w tym niestandardowe kolory i wyściółkę. Blok Krok formularza jest przydatny do dodawania kroków w formularzach wieloetapowych.

Największą, ale najmniej dopracowaną funkcją jest wstępnie zaprojektowana biblioteka szablonów, którą udostępnia Gutenberg Forms. Obecnie wtyczka ma około trzech tuzinów niestandardowych szablonów. Biorąc pod uwagę pracę Kamala z szablonami w Gutenberg Hub, zgaduję, że w przyszłości zobaczymy jeszcze więcej szablonów.

Problem? Wstawiacz szablonu formularza nie zawsze działa.

Testując wtyczkę zarówno z najnowszą wtyczką WordPress, jak i Gutenbergiem, nie byłem w stanie wstawić żadnego szablonu formularza za pomocą nowego ekranu formularza. Wystąpiły błędy JavaScript, które uniemożliwiły jego wstawienie. Jedna z najbardziej ekscytujących funkcji wtyczki, która nie działała, przynajmniej w moim środowisku testowym, była trochę rozczarowaniem.

Chociaż wstawianie szablonu nie działało na ekranie tworzenia formularza, działało podczas tworzenia jednorazowych formularzy na ekranie edycji strony. Otrzymałem jednak przerażającą wiadomość „ten blok zawiera nieoczekiwaną lub nieprawidłową treść” dla niektórych bloków po wstawieniu.

Ten problem nie jest nie do pokonania. Projekt Gutenberga podlega ciągłym zmianom. Wybaczam tego typu problemy w tej chwili, ponieważ sprawy są tak nieuregulowane, a także wiem, że można je rozwiązać w aktualizacji. Chciałbym jednak wskazać je użytkownikom, którzy mogą potrzebować czegoś bardziej dopracowanego w swoich środowiskach produkcyjnych. Możesz łatwo tworzyć formularze bez funkcji szablonów.

Końcowe przemyślenia

Tak, Gutenberg Forms jest nieco szorstki na krawędziach. Nie jest to moment, w którym może konkurować z niektórymi innymi głównymi graczami na rynku formularzy. Jednak za sześć miesięcy lub rok od teraz, przy założeniu ciągłej poprawy, powinien być w stanie zacząć kroić swój własny kawałek tortu.

Z tą wtyczką jest kilka innych drobiazgów. Na przykład styl bloku „Inline” dostępny z niektórymi blokami nie może zostać zresetowany do wartości domyślnej. Litera „C” w nazwie bloku w polu wyboru to mała litera, podczas gdy wszystkie inne nazwy bloków zaczynają się od wielkiej litery. Te drobne rzeczy sprawiają, że wtyczka wydaje się mniej dopracowana niż jest.

Nawet z problemami, które przedstawiłem, poleciłbym ludziom na rynku, aby przetestować tę wtyczkę w konstruktorze formularzy opartym na blokach. Jego prostota sprawi, że dla wielu będzie to łatwy wybór. W większości działa dobrze. W ostatecznym rozrachunku pozwala tworzyć formularze i przechowywać zgłoszenia dla tych formularzy bezpośrednio w bazie danych, a to jest naprawdę ważne.

Jestem głęboko przekonany, że jesteśmy na początku czegoś wyjątkowego. To zajmie trochę czasu, zanim tam dotrzemy. Nawet jeśli Gutenberg Forms nie przejmie rynku kreatorów formularzy, inni twórcy wtyczek powinni zacząć czerpać wskazówki z tego, co robi ta wtyczka.