Trabajando con un portátil y un móvil

Los formularios son elementos esenciales para cualquier web. Desde las páginas de inicio de sesión y registro hasta las de contacto, los sitios web necesitan una forma de que los usuarios envíen su información, y los formularios son la mejor manera de hacerlo.

Como ya sabes, WordPress no te proporciona por defecto un bloque para que puedas crear tus propios formularios que se integren con el aspecto de tu web. Necesitas recurrir a un plugin para añadir formularios a tu web.

Encontrarás plugins de formularios que te proporcionan las funcionalidades necesarias, tales como:

  • Definir o configurar cualquier formulario que quieres que vea un visitante de tu web,
  • Indicar dónde quieres que ese formulario aparezca: página, entrada o widget,
  • Indicar mensajes de confirmación o error que le han de aparecer al usuario tras rellenar el formulario, e
  • Indicar a dónde quieres que te llegue la información del formulario correctamente rellenado.

Además, algunos plugins también incluyen plantillas de formularios predefinidos para que la creación de formularios sea más fácil. Es el caso de Nelio Forms, un plugin desarrollado por nosotros que está totalmente integrado con el editor de bloques de WordPress, donde dispones de patrones de formularios que son parecidos a los patrones de diseño o de bloques de WordPress.

El plugin de Nelio Forms en WordPress.org
El plugin de Nelio Forms en WordPress.org.

Veamos cómo funciona y las ventajas que tiene crear formularios mediante patrones.

Crea formularios con Nelio Forms

Para crear un formulario de contacto con el plugin de Nelio Forms, con sólo hacer clic en la opción de menú de Nuevo Formulario, ya se te abre el editor de formularios que es prácticamente idéntico al editor de bloques que ya conoces.

Edición de un formulario de contacto con el plugin de Nelio Forms
Edición de un formulario de contacto con el plugin de Nelio Forms.

Sólo debes añadir los bloques de los campos que contenga el formulario e indicar para cada campo sus propiedades.

Bloques disponibles para añadir a un formulario
Bloques disponibles para añadir a un formulario

Adicionalmente puedes indicar dónde y cómo quieres que se envíe el formulario rellenado.

Acciones de envío de formularios en Nelio Forms
Acciones de envío de formularios en Nelio Forms.

Una vez creado cualquier formulario y publicado, sólo debes integrarlo en cualquier página o entrada añadiendo un bloque de tipo formulario y seleccionando el formulario creado.

Opciones de añadir un nuevo formulario de Nelio Forms
Opciones de añadir un nuevo formulario de Nelio Forms.

Y voilà, ya tienes tu página con el formulario integrado.

Página de ejemplo con formulario integrado
Página de ejemplo con formulario integrado.

Además, como te he comentado anteriormente, en Nelio Forms dispones de un conjunto de patrones de formularios predefinidos que encontrarás en la barra lateral derecha que todavía te simplifican más el trabajo de creación de nuevos formularios.

Plantillas de formularios disponibles en Nelio Forms
Plantillas de formularios disponibles en Nelio Forms.

Con sólo hacer clic en el patrón del formulario que quieras, ya tienes un formulario creado.

Crear un formulario de contacto a partir de una plantilla
Crear un formulario de contacto a partir de una plantilla.

Las patrones de formularios funcionan igual que cualquier patrón de diseño. Una vez añadido, se copia el conjunto de bloques que lo conforman y, por lo tanto, puedes borrar, añadir y modificar cualquiera de los bloques en el propio editor.

La gran ventaja de usar Nelio Forms es que todos los campos y botones mostrados en el formulario, por defecto, adoptan el mismo estilo que tiene definido el tema de tu web. Si cambias el estilo o el tema, todas las propiedades del formulario (salvo las que hayas modificado directamente editando el formulario), automáticamente se adaptarán al nuevo estilo.

Por ejemplo, con sólo cambiar el color de texto y fondo de los botones de mi tema:

Cambiando el color de fondo de los botones del tema
Cambiando el color de fondo de los botones del tema.

Los formularios nuevos que vaya a crear o los que ya tenía creados, se habrán adaptado a los nuevos cambios.

El editor de formularios muestra el aspecto del formulario con el estilo de tema de la web
El editor de formularios muestra el aspecto del formulario con el estilo de tema de la web.

Esto te permite que los estilos de formularios funcionen exactamente igual que los de tus páginas y entradas ofreciendo un aspecto mucho más limpio y uniforme en toda tu web.

De la misma forma, si cambio el tema de la web, también el editor de formularios y los patrones que tienes disponibles se mostrarán con el estilo del tema que hayas instalado.

Creando un formulario con el tema Twenty Twenty
Creando un formulario con el tema Twenty Twenty.

Y todos los formularios que tuvieras creados anteriormente siguiendo el estilo del tema se adaptarán al nuevo tema instalado.

Formulario de contacto con el tema Twenty Twenty
Formulario de contacto con el tema Twenty Twenty.

De esta forma, tienes la libertad de ir realizando los cambios de tema y estilo que necesites en tu web, sin tener que preocuparte por cómo se visualizarán los formularios tras el cambio.

A continuación te muestro la lista patrones de formularios que tienes disponibles para crear rápidamente formularios en tu web.

Patrones de formularios

Actualmente, el plugin de Nelio Forms incluye 10 patrones de formularios que te pueden ayudar como punto de partida para crear cualquier formulario. Desde el más sencillo para que tus visitantes puedan contactar contigo, hasta otros que incluyen columnas, desplegables y otros tipos de selectores.

Todos ellos con diseños muy sencillos para que puedas adaptarlos y personalizarlos como quieras.

Conclusión

La creación de formularios con el plugin de Nelio Forms es tan fácil como crear cualquier sencilla página de WordPress. Ahora, los patrones de formularios simplifican todavía más la creación de nuevos formularios.

Una vez seleccionado un patrón, se habrán copiado los bloques del mismo y puedes añadir, modificar y borrar todos los campos que quieras para que el formulario se ajuste a tus necesidades. Ya sabes, tan fácil como crear cualquier página. Con la tranquilidad, además, de que con cualquier cambio que realices en tu web, el formulario se adaptará a tu nuevo estilo. ¿A qué esperas a probarlo?

Imagen destacada de Christina @ wocintechchat.com en Unsplash

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *