Créer des formulaires via l'éditeur de blocs avec les formulaires Gutenberg

La quête du plugin de formulaire parfait est presque aussi ancienne que WordPress. Les projets se sont succédés. Il existe d'excellents plugins de formulaires, mais trop souvent, les choix se situent entre des constructeurs massifs qui font les choses à leur manière et des solutions si simples qu'elles ne répondent pas tout à fait aux attentes. Munir Kamal a mis son chapeau dans le ring avec son point de vue sur ce marché saturé avec Gutenberg Forms, un plugin conçu pour créer exclusivement des formulaires dans l'éditeur de blocs.

Le plugin n'est en aucun cas parfait. Il a de nombreuses bizarreries. Il fait beaucoup de choses correctement. Il échoue parfois avec des fonctionnalités qui pourraient changer la donne. Il a le potentiel d'être l'un des meilleurs plugins de création de formulaires pour WordPress.

Depuis la version 1.4.0, la dernière mise à jour, Gutenberg Forms est un mélange de succès et de frustration. Je suis excité à ce sujet.

Je suis excité parce que nous sommes encore au début de la durée de vie de ce plugin. Je suis ravi parce que Kamal a construit avec succès des projets liés à Gutenberg en peu de temps, notamment Gutenberg Hub et ACF Blocks. Je suis excité parce que je crois que ça va s'améliorer avec le temps.

Les plugins de formulaire ne sont pas faciles. Malgré ses problèmes actuels, auxquels nous reviendrons, Gutenberg Forms est un plugin utile qui coche bon nombre des cases que je souhaite voir dans un générateur de formulaires à l'avenir. Les idées nécessaires pour les formulaires basés sur des blocs sont en place. L'exécution a juste besoin d'être peaufinée.

Gutenberg Forms a été recréé en février de cette année. Kamal a initialement publié le plugin en 2018, mais il est resté dans les limbes pendant un an et demi avant de le mettre à jour avec les dernières API. Depuis lors, il est sur une larme, publiant des mises à jour fréquentes et améliorant le fonctionnement du plugin. Je l'ai testé pour la première fois il y a quelques mois et je n'étais pas satisfait du résultat. Cependant, la dernière itération est beaucoup plus prometteuse.

Avec seulement plus de 200 utilisateurs actuels, la plus grande chose dont le plugin a besoin est plus de commentaires de plus d'utilisateurs.

Créer des formulaires

Gutenberg Forms simplifie la création de formulaires. Il existe deux façons de créer des formulaires dans le plugin. La première méthode est un écran "Formulaires" personnalisé dans l'administrateur. Il s'agit d'un type de publication personnalisé qui fonctionne comme une publication ou une page. La différence est que les utilisateurs sont limités à l'ajout de champs de formulaire fournis par le plugin. L'utilisation de cette méthode de création de formulaires est idéale car le formulaire est enregistré à un seul endroit et peut être utilisé n'importe où sur le site.

La deuxième méthode consiste à créer un formulaire directement à partir de l'éditeur de publication ou de page. Tous les blocs personnalisés du plugin sont disponibles pour créer un formulaire personnalisé. Pour les formulaires uniques, cela peut être la méthode à utiliser, mais je recommande plutôt de créer à partir de l'écran Formulaires.

Après avoir créé un formulaire via l'écran Formulaires, les utilisateurs peuvent utiliser ultérieurement le bloc Formulaires Gutenberg pour insérer un formulaire enregistré. Ce qui se passe réellement lors de l'insertion de ce bloc est que, lors du choix d'un formulaire enregistré, le plugin insère un shortcode dans l'éditeur. C'est l'une de ces bizarreries avec le plugin. L'une des idées des blocs de construction est que les développeurs s'éloignent de l'utilisation du système de code court. Il n'est pas nécessaire de mélanger ici un shortcode d'un point de vue technique. Il devrait simplement s'agir d'un bloc côté serveur. J'imagine que cela n'a pas beaucoup d'importance pour les utilisateurs finaux. Ça marche. C'est simplement une bizarrerie qui j'espère évoluera sur le long terme.

Le plugin fournit la plupart des champs de formulaire courants que les utilisateurs finaux s'attendent à voir dans un plugin de formulaire. Voici les blocs de champ de formulaire actuellement disponibles :

• Calcul
• Case à cocher
• Sélecteur de date
• E-mail
• Déposer
• Bouton Formulaire
• Message
• Nom
• Nombre
• Téléphoner
• Radio
• Sélectionner
• Texte
• Site Internet
• Oui Non

Gutenberg Forms inclut également d'autres blocs qui ne sont pas destinés aux champs de sortie. Le bloc Form Columns permet aux utilisateurs finaux de créer des champs en colonnes. Cela fonctionne très bien pour les champs qui doivent être alignés horizontalement, tels que les champs de ville, d'état et de code postal. Le bloc Form Group permet aux utilisateurs de regrouper plusieurs blocs. Il propose également plusieurs options de conception, notamment des couleurs personnalisées et un rembourrage. Le bloc Form Step est utile pour ajouter des étapes dans des formulaires à plusieurs étapes.

La fonctionnalité la plus importante mais la moins raffinée est la bibliothèque de modèles préconçus que Gutenberg Forms met à disposition. Actuellement, le plugin a environ trois douzaines de modèles personnalisés. Compte tenu du travail de Kamal avec des modèles chez Gutenberg Hub, je suppose que nous verrons encore plus de modèles à l'avenir.

Le problème? L'outil d'insertion de modèle de formulaire ne fonctionne pas toujours.

En testant le plugin avec les derniers plugins WordPress et Gutenberg, je n'ai pas pu insérer de modèle de formulaire via le nouvel écran de formulaire. Des erreurs JavaScript ont empêché son insertion. L'une des fonctionnalités les plus excitantes du plugin qui ne fonctionnait pas, du moins dans mon environnement de test, était un peu décevante.

Bien que l'insertion d'un modèle ne fonctionnait pas sur l'écran de création de formulaire, cela fonctionnait lors de la création de formulaires uniques sur l'écran d'édition de page. Cependant, j'ai reçu le message redouté "ce bloc contient un contenu inattendu ou invalide" pour certains des blocs après l'insertion.

Ce problème n'est pas insurmontable. Le projet Gutenberg est en constante évolution. Je pardonne ces types de problèmes en ce moment parce que les choses sont tellement instables, et je sais aussi qu'ils peuvent être résolus dans une mise à jour. Cependant, je tiens à les signaler aux utilisateurs qui pourraient avoir besoin de quelque chose d'un peu plus raffiné dans leurs environnements de production. Vous pouvez facilement créer des formulaires sans la fonctionnalité de modèle.

Dernières pensées

Oui, Gutenberg Forms est un peu rude sur les bords. Il n'en est pas au point où il peut être compétitif avec certains des autres principaux acteurs du marché des formulaires. Cependant, dans six mois ou un an, en supposant une amélioration continue, il devrait être en mesure de commencer à se tailler sa propre part du gâteau.

Il y a quelques autres pinaillages avec le plugin. Par exemple, le style de bloc "Inline" disponible avec certains blocs ne peut pas être réinitialisé par défaut. Le "C" dans le nom du bloc Checkbox est en minuscule tandis que tous les autres noms de bloc commencent par une lettre majuscule. Ces petites choses font que le plugin semble moins raffiné qu'il ne l'est.

Même avec les problèmes que j'ai décrits, je recommanderais aux personnes sur le marché d'un générateur de formulaires basé sur des blocs de tester ce plugin. Sa simplicité en fera un choix facile pour beaucoup. Pour la plupart, cela fonctionne bien. En fin de compte, il vous permet de créer des formulaires et de stocker les soumissions de ces formulaires directement dans la base de données, et c'est ce qui compte vraiment.

Je suis convaincu que nous sommes au début de quelque chose de spécial. Cela prendra juste un peu de temps avant d'y arriver. Même si Gutenberg Forms ne prend pas le contrôle du marché des créateurs de formulaires, d'autres développeurs de plugins devraient commencer à s'inspirer de ce que fait ce plugin.