Han llegado novedades en el módulo de formulario de contacto de Divi. Desde la semana pasada los chicos de Elegant Themes nos han traído una actualización de Divi que incluye grandes mejoras en el módulo de contact form de Divi. Vamos a conocerlas para sacarle todo su jugo.

También te puede interesar:
Guía para usar Divi Presets
Ventajas de los Page Builder en WordPress
Curso de Diseño Web con Divi
¿Qué es Divi? Guía de Divi Theme para WordPress

Comparativa de Contact Form 7 vs Divi Contact Form

Vamos a analizar las novedades del módulo de Divi Contact Form y, al mismo tiempo, las iré comparando con el plugin de Contact Form 7 que seguro que ya todos conocemos.

Al final del artículo, alguno puede que ya se decida a abandonar el famoso plugin Contact Form 7 y empezar el nuevo módulo de Divi Contact Form.

Para el que no conozca todavía Divi y sus ventajas aquí tenéis un artículo muy completo sobre las características de Divi que nos ofrece en el diseño web con WordPress.

Descuento Divi solo por 24 horas

¡Oferta sólo disponible durante 24 horas!

Mejoras en las casillas de verificación tipo CHECKBOX

La principal novedad del módulo de contact form de Divi es la posibilidad de añadir checkboxes para poder tener el consentimiento de los usuarios y aceptar los términos del servicio.

casillas de checblox en divi contact form

Yo hasta día de hoy sigo gestionando los formularios de contacto con el plugin Contact Form. Habrá que analizar y hacer pruebas para ver si ahora con las mejoras que ha incorporado Divi podemos sustituir los formularios por los propios de Divi y ahorrarnos un plugin en nuestra web.

Cambios en los desplegables tipo SELECT

Esta novedad de los desplegables en un formulario de contacto no es tan novedosa. Esto lo incluye Contacto Form 7 desde hace muchos años. Por lo que Divi no ha hecho nada en especial en este sentido. Es algo que deberían de haber incorporado desde hace mucho tiempo.

desplegables select en divi contact form

Novedades en los campos de selección tipo RADIO BUTTONS

Al igual que antes, esto no es nada novedoso. Contact Form 7 lo lleva incluyendo desde hace muchos años y Divi es algo que tenía pendiente por incluir.

Aquí la ventaja de Divi es que nos facilita la construcción de los formularios mediante su interfaz o constructor visual. La interfaz de Divi es muy amigable y facilita mucho al usuario a la hora de diseñar cualquier elemento de la web.

formulario de contacto con Divi ya permite radio buttons

En  cambio, en el plugin de Contact Form 7 debemos seguir diseñando los formularios mediante shortcodes y código html. Necesitando tener mínimos conocimiento de diseño en HTML y CSS.

editar formulario de contacto en el plugin Contact Form 7

Mejoras en el constructor para facilitar el diseño

Se ha mejorado la interfaz del constructor visual de Divi, o llamado también Divi Page Builder, para que la creación de items secundarios o elementos de radio buttons o checkboxes sea más sencillo de crear para el usuario final.

Divi Builder en el módulo de formulario de contacto

Todo esto al final ayuda al usuario a crear sus diseños sin tener la necesidad de aprender HTML o CSS como he comentado antes, respecto al plugin de Contact Form 7 donde sí se requiere unos mínimos conocimientos.

Formularios con campos dependientes

Esta es la mejora principal de esta actualización de Divi. El poder crear lógica condicional en función de lo que vaya seleccionando el usuario. Si el usuario selecciona un valor de un campo desplegable, Divi oculta o muestra ciertos campos adicionales para que el formulario sea más flexible en función de las respuestas de los usuarios.

campos dependientes en Divi Contact Form

Añade lógica condicional desde la interfaz del constructor

Podemos crear reglas condicionales a través de la interfaz visual de Divi. Esto nos permitirá crear y combinar fácilmente cualquier regla que nos interese para que nuestro formulario de contacto sea lo más dinámico posible.

lógica en Divi Contact Form

Este tipo de reglas no son posibles en Contact Form 7.

Crea reglas personalizadas

Podemos crear varios tipos de reglas en Divi Contact Form. Las reglas pueden estar basadas en distintos criterios que podemos ajustar a nuestras necesidades.

  • Equals
  • Contains
  • Does Not Contains
  • Is Greater Than
  • Is Less Than
  • Is Empty
  • Is Not Empty

reglas condicionales en divi contact form

Estas reglas de comparación son las típicas y habituales que creo que no merece la pena explicar. Pero si a alguno le interesa, me escribís y os doy unas nociones breves.

Descuento Divi solo por 24 horas

¡Oferta sólo disponible durante 24 horas!

Combina reglas y lógicas condicionales

Todas las reglas anteriores se pueden combinar para crear la lógica de negocio que nos interese.

De esta manera podemos crear formularios de contacto tan complejos como queramos.

Nuevas reglas de validación de caracteres y límites

Con la nueva actualización del formulario de contacto de Divi se han añadido nuevas reglas de validación de los campos de texto. Ahora podemos definir la longitud del campo, e incluso el tipo de caracteres que queremos permitir. 

validación de campos de texto

Esto nos facilita la creación de campos de tipo teléfono por ejemplo. O campos solo numéricos, etc.

¿Reemplazarías tu Contact Form 7 por el formulario de contacto de Divi?

Ya has conocido las nuevas características del formulario de contacto de Divi. Habrás podido ver que la interfaz de Divi ayuda mucho a la creación de formularios de contacto complejos en comparación de cómo es el plugin de Contact Form 7 que muchos estamos usando incluso actualmente.

¿Te atreverías a reemplazar tus formularios de contacto de Contact Form 7 por el nuevo módulo de formulario de contacto de Divi?

 

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR