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 sont venus et ont disparu. Il existe d'excellents plugins de forme, mais trop souvent, les choix se font entre des constructeurs massifs qui font les choses à leur manière et des solutions si simples qu'ils ne répondent pas tout à fait aux attentes. Munir Kamal a mis son chapeau sur le ring avec son approche de ce marché saturé avec Gutenberg Forms, un plugin conçu pour créer exclusivement des formes dans l'éditeur de blocs.

Le plugin n'est en aucun cas parfait. Il a de nombreuses bizarreries. Il fait bien des choses. 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.

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

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

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

Les plugins de formulaire ne sont pas faciles. Malgré ses problèmes actuels, que nous aborderons, Gutenberg Forms est un plugin utile qui coche la plupart des cases que je veux voir dans un générateur de formulaire à 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 raffiné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 en larmes, 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 des mois et je n'étais pas satisfait du résultat. Cependant, la dernière itération est beaucoup plus prometteuse.

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

Création de formulaires

Création d'un formulaire standard.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'admin. Il s'agit d'un type de publication personnalisé qui fonctionne exactement comme une publication ou une page. La différence est que les utilisateurs sont limités à ajouter des 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é en 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 construire à partir de l'écran Formulaires.

Après avoir créé un formulaire via l'écran Formulaires, les utilisateurs peuvent ensuite utiliser le bloc Gutenberg Forms 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 abandonnent l'utilisation du système de shortcode. Il n'est pas nécessaire de mélanger ici un shortcode d'un point de vue technique. Il doit simplement s'agir d'un bloc côté serveur. Je n'imagine pas que cela compte beaucoup pour les utilisateurs finaux. Ça marche. C'est tout simplement une bizarrerie qui, je l'espère, évolue à long terme.

Insertion d'un formulaire enregistré dans une page.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 champs de formulaire actuellement disponibles:

  • Calcul
  • Case à cocher
  • Sélecteur de date
  • Email
  • Fichier
  • Bouton de formulaire
  • Message
  • Nom
  • Nombre
  • Téléphone
  • Radio
  • Sélectionner
  • Texte
  • Site Internet
  • Oui Non

Gutenberg Forms comprend également d'autres blocs qui ne sont pas destinés à la sortie de champs. 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 Groupe de formulaires permet aux utilisateurs de regrouper plusieurs blocs. Il a également plusieurs options de conception, y compris des couleurs et un rembourrage personnalisés. 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. Étant donné le travail de Kamal avec les modèles au Gutenberg Hub, je suppose que nous verrons encore plus de modèles à l'avenir.

Insertion d'un modèle de formulaire dans une page. Le problème ? L'inséreuse de modèle de formulaire ne fonctionne pas toujours.

En testant le plugin contre 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 ne fonctionnant pas, du moins dans mon environnement de test, était un peu décevante.

Bien que l'insertion d'un modèle n'ait pas fonctionné sur l'écran de création de formulaire, cela a fonctionné 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 du 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 si instables, et je sais aussi qu'ils peuvent être résolus dans une mise à jour. Cependant, je tiens à les signaler aux utilisateurs qui peuvent avoir besoin de quelque chose d'un peu plus raffiné dans leurs environnements de production. Vous pouvez facilement créer des formulaires sans la fonction de modèle.

Dernières pensées

Oui, Gutenberg Forms est un peu rugueux sur les bords. Il n'est pas au point où il peut être compétitif avec certains des autres grands 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 à trancher sa propre part du gâteau.

Il existe d'autres astuces avec le plugin. Par exemple, le style de bloc « Inline » disponible avec certains blocs ne peut pas être réinitialisé à sa valeur 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 rendent le plugin moins poli qu'il ne l'est.

Même avec les problèmes que j'ai soulignés, je recommanderais aux gens du marché pour 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. À la fin de la journée, il vous permet de créer des formulaires et de stocker les soumissions pour ces formulaires directement dans la base de données, et c'est ce qui compte vraiment.

Je suis fermement 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 constructeurs de formulaires, les autres développeurs de plugins devraient commencer à s'inspirer de ce que fait ce plugin.

Comme ça:

J'aime le chargement …

Tags: , , , , , ,