Cree formularios a través del editor de bloques con formularios de Gutenberg

Publicado: 2020-06-16

La búsqueda del complemento de formulario perfecto es casi tan antigua como WordPress. Los proyectos han ido y venido. Existen algunos complementos de forma excelentes, pero con demasiada frecuencia las opciones se encuentran entre constructores masivos que hacen las cosas a su manera y soluciones tan simples que no cumplen con las expectativas. Munir Kamal ha puesto su sombrero en el ring con su visión de este mercado saturado con Gutenberg Forms, un complemento diseñado para crear formularios exclusivamente dentro del editor de bloques.

El complemento no es de ninguna manera perfecto. Tiene numerosas peculiaridades. Hace muchas cosas bien. A veces falla con características que podrían cambiar el juego. Tiene el potencial de ser uno de los mejores complementos de creación de formularios para WordPress.

A partir de la versión 1.4.0, la última actualización, Gutenberg Forms es una mezcla de éxito y frustración. Estoy emocionada por ello.

Estoy emocionado porque todavía estamos en la primera parte de la vida útil de este complemento. Estoy emocionado porque Kamal ha construido algunos proyectos exitosos relacionados con Gutenberg en poco tiempo, incluidos Gutenberg Hub y ACF Blocks. Estoy emocionado porque creo que mejorará con el tiempo.

Los complementos de formulario no son fáciles. A pesar de sus problemas actuales, a los que llegaremos, Gutenberg Forms es un complemento útil que cumple muchos de los requisitos que quiero ver en un generador de formularios en el futuro. Las ideas necesarias para los formularios basados ​​en bloques están en su lugar. La ejecución solo necesita un poco de refinamiento.

Gutenberg Forms se recreó en febrero de este año. Kamal lanzó originalmente el complemento en 2018, pero permaneció en el limbo durante un año y medio antes de actualizarlo con las API más recientes. Desde entonces, ha estado en una lágrima, lanzando actualizaciones frecuentes y mejorando el funcionamiento del complemento. Lo probé por primera vez hace meses y no quedé contento con el resultado. Sin embargo, la última iteración se muestra mucho más prometedora.

Con solo más de 200 usuarios actuales, lo más importante que necesita el complemento es más comentarios de más usuarios.

Formas de construcción

Creación de un formulario estándar con el complemento Gutenberg Forms.
Creación de un formulario estándar.

Gutenberg Forms simplifica la creación de formularios. Hay dos formas de crear formularios en el complemento. El primer método es una pantalla personalizada de "Formularios" en el administrador. Es un tipo de publicación personalizada que funciona como una publicación o página. La diferencia es que los usuarios están limitados a agregar campos de formulario proporcionados por el complemento. El uso de este método de creación de formularios es ideal porque el formulario se guarda en un solo lugar y se puede usar en cualquier parte del sitio.

El segundo método es crear un formulario directamente desde el editor de publicaciones o páginas. Todos los bloques personalizados del complemento están disponibles para crear un formulario personalizado. Para formularios únicos, este puede ser el método a utilizar, pero recomiendo construir desde la pantalla Formularios.

Después de crear un formulario a través de la pantalla Formularios, los usuarios pueden usar el bloque Formularios de Gutenberg para insertar un formulario guardado. Lo que realmente sucede al insertar este bloque es que, al elegir un formulario guardado, el complemento inserta un código abreviado en el editor. Esta es una de esas peculiaridades con el complemento. Una de las ideas de los bloques de construcción es que los desarrolladores dejen de utilizar el sistema de código abreviado. No hay necesidad de mezclar un código abreviado aquí desde una perspectiva técnica. Debería ser simplemente un bloque del lado del servidor. No creo que esto importe mucho a los usuarios finales. Funciona. Es simplemente una rareza que espero evolucione a largo plazo.

Insertar un formulario guardado en una página con el complemento Gutenberg Forms.
Insertar un formulario guardado en una página.

El complemento proporciona la mayoría de los campos de formulario comunes que los usuarios finales esperarían ver en un complemento de formulario. Los siguientes son los bloques de campos de formulario disponibles actualmente:

  • Cálculo
  • Caja
  • Selector de fechas
  • Correo electrónico
  • Archivo
  • Botón de formulario
  • Mensaje
  • Nombre
  • Número
  • Teléfono
  • Radio
  • Seleccione
  • Texto
  • Sitio web
  • Sí No

Gutenberg Forms también incluye otros bloques que no son para generar campos. El bloque Columnas de formulario permite a los usuarios finales crear campos en columnas. Esto funciona muy bien para los campos que deben alinearse horizontalmente, como los campos de ciudad, estado y código postal. El bloque Form Group permite a los usuarios agrupar varios bloques. También tiene varias opciones de diseño, incluidos colores personalizados y relleno. El bloque Paso de formulario es útil para agregar pasos en formularios de varios pasos.

La característica más grande pero menos pulida es la biblioteca de plantillas prediseñadas que Gutenberg Forms pone a disposición. Actualmente, el complemento tiene alrededor de tres docenas de plantillas personalizadas. Dado el trabajo de Kamal con plantillas en Gutenberg Hub, supongo que veremos aún más plantillas en el futuro.

Insertar una plantilla de formulario en una página con el complemento de WordPress Gutenberg Forms.
Insertar una plantilla de formulario en una página.

¿El problema? El insertador de plantillas de formulario no siempre funciona.

Al probar el complemento con los últimos complementos de WordPress y Gutenberg, no pude insertar ninguna plantilla de formulario a través de la nueva pantalla de formulario. Hubo errores de JavaScript que impidieron que se insertara. Una de las características más emocionantes del complemento que no funcionó, al menos en mi entorno de prueba, fue un poco decepcionante.

Si bien la inserción de una plantilla no funcionó en la pantalla de creación de formularios, sí funcionó al crear formularios únicos en la pantalla de edición de páginas. Sin embargo, recibí el temido mensaje "este bloque contiene contenido inesperado o no válido" para algunos de los bloques después de la inserción.

Este problema no es insuperable. El proyecto Gutenberg está en un estado de cambio constante. Perdono este tipo de problemas en este momento porque las cosas están muy inestables y también sé que se pueden abordar en una actualización. Sin embargo, quiero señalarlos para los usuarios que puedan necesitar algo un poco más pulido en sus entornos de producción. Puede crear formularios fácilmente sin la función de plantilla.

Pensamientos finales

Sí, Gutenberg Forms es un poco tosco. No está en el punto en que puede ser competitivo con algunos de los otros jugadores importantes en el mercado de formularios. Sin embargo, dentro de seis meses o un año, suponiendo una mejora continua, debería estar en condiciones de comenzar a rebanar su propia porción del pastel.

Hay algunos otros detalles con el complemento. Por ejemplo, el estilo de bloque "En línea" disponible con algunos bloques no se puede restablecer al valor predeterminado. La "C" en el nombre del bloque Checkbox está en minúsculas, mientras que todos los demás nombres de bloques comienzan con una letra mayúscula. Estas cosas menores hacen que el complemento parezca menos pulido de lo que es.

Incluso con los problemas que he descrito, recomendaría a las personas en el mercado que busquen un generador de formularios basado en bloques para probar este complemento. Su simplicidad hará que sea una opción fácil para muchos. En su mayor parte, funciona bien. Al final del día, le permite crear formularios y almacenar los envíos de esos formularios directamente en la base de datos, y eso es lo que realmente importa.

Soy un firme creyente de que estamos al comienzo de algo especial. Solo tomará un poco de tiempo antes de que lleguemos allí. Incluso si Gutenberg Forms no se hace cargo del mercado de creación de formularios, otros desarrolladores de complementos deberían comenzar a tomar nota de lo que está haciendo este complemento.