Formularios De Contacto WordPress: Los 3 Mejores Plugins de Bloques

Formularis de contacte WordPress amb blocks

Los formularios de contacto cumplen uno de los objetivos más básicos de un sitio web, que es que cualquier persona pueda ponerse en contacto con su propietario. Se puede hacer de muchas maneras, pero la forma más fácil (y eficiente) de hacerlo es insertar un bloque.

WordPress no incorpora de forma nativa los formularios de contacto y siempre es necesario recurrir a plugins externos. En el repositorio de WordPress encontramos un montón de plugins que nos permiten añadir formularios a nuestra web. De hecho, entre los plugins más populares de WordPress encontramos diversas soluciones para añadir formularios de contacto a nuestro sitio web, como ContactForm 7 y WPForms.

Tabla de contenidos

Buscando formularios que trabajen con bloques

Hay para todos los gustos: simples como el addon de JetPack que nos permite crear un formulario con los campos más básicos (nombre, email y mensaje) hasta soluciones más complejas que pueden adaptarse a toda clase situaciones (formularios que permiten calcular un presupuesto, registros personalizados, evaluaciones, etc). También tenemos algunas colecciones de bloques que incluyen …

Ante este panorama, muchas veces es complicado escoger la extensión que más se adecue a nuestro proyecto web. Te propongo tres plugins que te permitirán crear formularios de contacto fácilmente (y de forma visual) desde el editor de bloques de WordPress.

Para no romper tu web producción, los entornos de prueba “staging” son la solución.

Clonar un sitio de WordPress con Wetopi es tan fácil como un simple clic.

1. Formulario de Contacto Contact Form Block (Jordy Meow)

Contact Form Block by Jordy Meow

Contact Form Block está disponible como extensión gratuita que al instalarse se activa el bloque de formulario. Se define como un bloque de formularios sencillo, bonito y perfecto para la gran mayoría de usuarios. Si buscas un formulario de contacto sin complicaciones, seguramente Contact Form Block es una buena solución.

La extensión está desarrollada por Jordy Meow, que ya dispone de otros plugins interesantes en el repositorio de WordPress como Media File Renamer, Media Gallery o Gallery Custom Links

Al insertar el bloque, se añade de forma automática un formulario con los siguientes campos: Nombre, Email y Mensaje.

Formulario de contacto simple Contact Form Block de Jordy Meow
Al insertar el bloque Contact Form Block nos aparece un formulario ya preparado. Desgraciadamente, no podemos añadir más campos al formulario

El bloque nos ofrece unas opciones para modificar:

el estilo del formulario que incorpora tres opciones predefinidas (por defecto, estilo Meow y sin estilo, que será muy útil para poder personalizar el formulario con estilos CSS).

  • mostrar una cabecera básica con un título
  • cambiar el color del botón
  • modificar el tamaño de la caja de mensaje.

Además, también se puede incorporar un filtro anti-spam a través del servicio reCAPTCHA y establecer una redirección a una URL una vez enviado el formulario. Una opción muy útil por si queremos tener una página de «Gracias».

Inconvenientes de Contact Form Block

La extensión tiene algunos inconvenientes a tener en cuenta:

  • No se pueden añadir más campos. Si tenemos previsto que nuestro formulario va a necesitar más campos, como por ejemplo un campo para el teléfono, no nos lo permite.
  • Relacionado con el punto anterior, tampoco podemos añadir casillas de aceptación de la política de privacidad ni incorporar la primera capa para cumplir con el RGPD. Esto puede suponer un grave problema para los usuarios de la UE.
  • Tampoco permite incorporar texto de ayuda.

Conclusiones sobre el plugin Contact Form Block

En resumen, Contact Block Form es una solución muy básica y funcional.

Pero si necesitamos más campos o simplemente poder adaptar el formulario al RGPD, no será la mejor solución. Actualmente, en el repositorio encontramos otras alternativas mucho más interesantes.

2. Formulario de Contacto Gutenberg Forms

WordPress Form Builder Plugin - Gutenberg Forms

Gutenberg Forms también está disponible como extensión gratuita que al instalarse se activa un bloque de formulario. Se define como un constructor de formularios de última generación que te permitirá construir formularios directamente en el editor visual.

Formulario de contacto Gutenberg Form
Al insertar el bloque Gutenberg Forms nos aparece un formulario ya preparado. A partir de ahí, podemos personalizarlo con más campos.

Aunque el conector está actualmente desarrollado por TetraSoft, tenemos poca información. Con la versión actual en el momento de elaborar esta guía, (2.2.8.1), se experimentan ciertos problemas de compatibilidad. Con la versión anterior, 2.2.8 que todavía se atribuye al anterior desarrollador WP Chill, no se ha observado ningún tipo de errores. Así que la valoración la realizaremos basándonos en la versión 2.2.8.

Al instalar el bloque, vemos que se ha creado un nuevo tipo de entrada en WordPress que nos permitirá gestionar los formularios de la web. Encontramos una página de bienvenida que nos anima a colaborar con el desarrollo del conector, notificar cualquier error y nos enlaza con una práctica guía.

Funcionalidades del plugin WordPress Form Builder

En este mismo menú también podemos ver:

  • integraciones de terceros. Por defecto encontramos una anti-spam: Google reCAPTCHA v2.
  • estadísticas de uso de los formularios
  • panel de configuración para personalizar los mensajes de error del formulario y la importación de formularios.

Con Gutenberg Forms podemos crear los formularios de dos formas:

  • a través del tipo de contenido
  • directamente al añadir el bloque a nuestra página.

Una vez insertado el bloque, podemos poner el nombre del formulario y especificar si es del tipo estándar o bien un formulario de múltiples pasos o queremos insertar un formulario:

  • Si escogemos la primera opción, el formulario por defecto será uno que incluye nombre, correo electrónico y mensaje. Ahora ya sólo tendremos que modificarlo a nuestro gusto.
  • Si escogemos entre los formularios predefinidos, el conector nos dejará elegir entre los formularios que previamente hemos creado o entre una gran cantidad de plantillas predefinidas.

Podemos configurar algunas opciones:

  • añadir prefijo, sufijos en los campos
  • convertir en campo en obligatorio
  • mostrar textos de ayuda
  • establecer condicionales según la respuesta previa
  • incluir patrones de validación RegExp

Dentro del panel de configuración de formulario podemos configurar:

  • modificar los colores
  • acción que se realizará una vez enviado el formulario (esconder el formulario, redirección o no hacer nada) y si es necesario avisarnos por correo electrónico.
  • notificaciones al correo electrónico
Formulario Gutenber Forms

Aunque de entrada parezca muy complicado y con muchas opciones. Gutenberg Forms nos permite crear todo tipo de formularios sin complicarnos gracias a su gran cantidad de plantillas preestablecidas.

Si, sin embargo, queremos crear uno desde 0 podemos hacerlo perfectamente porque tenemos el siguiente listado de componentes de formulario:

  • casilla selección
  • campo de fecha
  • campo temprano
  • campo numérico
  • campo de sí/no
  • barra de progreso
  • campo oculto
  • campo de subida de archivos
  • campo de radio
  • campo de calculadora
  • campo numérico con control deslizante
  • grupo de botones de opción
  • campo de selector
  • campo de texto multi-línea
  • campo de texto.

Además de poder añadir los bloques nativos del editor de texto. Por tanto, podríamos añadir textos explicativos.

Esta extensión es muy completa y nos permite crear formularios de lógica condicional y guardar los datos recibidos a través del formulario en la base de datos. En cuanto a las integraciones con terceros, es necesario recurrir a plugins de terceros.

Actualmente, hay tres:

  • dos para servicios de mail marketing (MailPoet y MailChimp).
  • anti-spam (Akismet).

Inconvenientes del plugin WordPress Form Builder

Si debemos destacar algún inconveniente es que la última versión del conector no funciona correctamente. Revisando los foros de soporte de WordPress también nos damos cuenta de que el desarrollador no está resolviendo las dudas y consultas que hacen los usuarios sobre el conector.

Conclusiones sobre WordPress Form Builder – Gutenberg Forms

Gutenberg Forms es una solución muy completa para crear directamente formularios desde el editor de bloques.

De hecho, nos recuerda la versatilidad de los plugins más famosas de todo el repositorio Contact Form 7 o Gravity Forms. Esta versatilidad puede provocar que no sea la opción más óptima para ciertos usuarios que seguramente no necesitarán tantas opciones.

3. Formulario de Contacto Nelio Forms

Nelio Forms plugin

Nelio Forms está disponible como extensión gratuita que al instalarse se activa un bloque de formulario. Se define como una solución estándar para crear formularios y permite crearlos fácilmente de tal manera que te sientas como un desarrollador.

El conector está desarrollado por Nelio Software, dispone de otros plugins interesantes en el repositorio de WordPress como Nelio PopUps, Nelio AB/Testing o Gallery Custom Links.

Formulario de contacto Nelio Forms
Al insertar el bloque Nelio Forms, sólo aparece un campo de texto. A partir de ahí, podemos insertar más campos para ajustar el formulario a nuestras necesidades

Al instalar el bloque, vemos que se ha creado un nuevo tipo de entrada en WordPress que nos permitirá gestionar los formularios de la web.

Funcionalidades de Nelio Forms

Podemos crearlos a través de este tipo de contenido o bien crear el formulario directamente al añadir el bloque a nuestra página.

Un punto muy atractivo es que el bloque permite reaprovechar los formularios. Por lo que si necesitamos incorporar un formulario en varias páginas de la web, podremos reutilizarlo.

En ambos casos, al insertar el bloque, aparece un campo de texto en blanco y podemos modificar qué tipo de verificación queremos escoger (correo electrónico, contraseña, teléfono y URL).

Formulario Nelio Form
En pocos minutos puedes tener un formulario de contacto personalizado gracias a Nelio Forms

Podemos configurar algunas opciones:

  • esconder las etiquetas,
  • convertir en campo en obligatorio
  • establecer el mínimo y el máximo de caracteres que va a permitir el campo.

Dentro del panel de configuración de formulario podemos configurar:

  • seleccionar un patrón preestablecido. Incluye las plantillas más habituales (formulario básico, caja de suscripción en el boletín y varias opciones de formularios de contacto). Muy útil si no queremos complicarnos.
  • filtro de detección de spam, a través del servicio Akismet.
  • acción que se realizará una vez enviado el formulario (esconder el formulario, redirección o no hacer nada) y si es necesario avisarnos por correo electrónico.

Aunque de entrada parezca muy sencillo, Nelio Forms nos permite crear formularios muy complejos, ya que tiene muchos componentes de formularios:

  • casilla selección
  • grupo de casillas de selección
  • campo de fecha y hora
  • campo de fecha
  • campo temprano
  • campo numérico con control deslizante
  • grupo de botones de opción
  • campo de selector
  • campo de texto multi-línea
  • campo de texto.

Además de poder añadir los bloques nativos del editor de texto. Por tanto, podríamos añadir textos explicativos.

Inconvenientes de Nelio Forms

El conector es muy completo, pero si todavía queremos dar un paso adelante con formularios de lógica condicional, guardar los datos recibidos a través del formulario en la base de datos o integrar aplicaciones de terceros como MailChimp o Zapier, deberemos optar por la versión de pago del conector (49€ más IVA en promoción de lanzamiento), con un precio muy competitivo respecto a otros plugins con las mismas funcionalidades.

Conclusiones sobre el plugin de formularios Nelio Forms

Nelio Forms es una de las mejores soluciones si quieres optar por una solución simple, funcional y muy versátil para todos.

Conclusiones finales

En el repositorio de WordPress encontramos diversas soluciones para crear fácilmente nuestros formularios de contacto de nuestro sitio web. Es necesario revisarlas bien porque hay que buscar el mejor conector que se adapte a nuestras necesidades.

  • Si estás buscando una opción simple, rápida de utilizar y sobre todo, muy intuitiva de manejar, seguramente Nelio Forms sea la mejor opción.
  • Si necesitamos otras opciones más complejas como integrar un servicio de suscripción en el boletín o almacenar la información en la base de datos del servidor, puede que valga la pena valorar la versión de pago de Nelio Forms para desbloquear más funcionalidades o bien pensar en utilizar Gutenberg Forms.

Si todavía estás indeciso, es importante recordarte que Nelio Forms está traducido completamente al castellano y catalán, por lo que será mucho más sencillo de configurar. Además, los integrantes de Nelio Forms son muy activos en la comunidad de WordPress.

En el caso Gutenberg Forms, debes elegir la versión 2.2.8. para que funcione correctamente el conector, mientras no solucionen los problemas de compatibilidad.

Ambas opciones son muy válidas y nada tienen que envidiar a los grandes plugins de formularios más populares del repositorio o de otras alternativas que incorporan constructores visuales.

Tanto Nelio Forms como Gutenberg Forms nos demuestran que se puede disponer de una buena herramienta para crear formularios que son ligeros, rápidos y aprovechando los recursos que ofrece el propio editor visual de WordPress, optimizando así recursos del sistema.

¿Ya has decidido crear los formularios de contacto de tu web?

Soy consultora en marketing digital y WordPress. Ayudo a empresas y marcas a digitalizarse para conseguir más ventas ya tener más visibilidad. Me gusta buscar la solución más óptima por los problemas digitales.

Me puedes encontrar en Cherry Creative.

Resumidamente, somos unos techies apasionados por WordPress que hemos creado Wetopi, un Alojamiento Gestionado WordPress, para minimizar la fricción a la que todo profesional se enfrenta al trabajar y alojar proyectos WordPress.

¿No tienes una cuenta en wetopi?

Incluye servidores desarrollo Gratis.
Sin tarjeta de crédito.

Compara wetopi con tu alojamiento actual

Date de alta, pide una migración y compara.

Hacemos una copia de tu web gratis y sin esfuerzo por tu parte.

Sin letra pequeña.
Sin compromisos.
Sin tarjeta de crédito.