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
Tabla de contenidos
- 1 Comparativa de Contact Form 7 vs Divi Contact Form
- 2 Mejoras en las casillas de verificación tipo CHECKBOX
- 3 Cambios en los desplegables tipo SELECT
- 4 Novedades en los campos de selección tipo RADIO BUTTONS
- 5 Mejoras en el constructor para facilitar el diseño
- 6 Formularios con campos dependientes
- 7 Añade lógica condicional desde la interfaz del constructor
- 8 Crea reglas personalizadas
- 9 Combina reglas y lógicas condicionales
- 10 Nuevas reglas de validación de caracteres y límites
- 11 ¿Reemplazarías tu Contact Form 7 por el formulario de contacto de Divi?
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.
¡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.
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.
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.
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.
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.
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.
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.
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
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.
¡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.
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?
Hola, estoy usando el formulario de divi para redireccionar a una descarga, las notificaciones de la descarga me llegan pero sin la dirección de correo, la cual tengo marcada como cambo obligatoria, ¿sabes por qué puede ser?
Hola Avin. No te sabría decir ahora mismo porque yo los formularios de contacto los realizo con Contact Form 7 y Bloom. Un saludo y disculpa.
hola, No he visto en divi el uso de input file contact form si que lo tiene
Así es, parece que Divi que no ha incorporado ese tipo de campo al formulario de Divi. Un saludo.
Buenas tardes,
la opción de enviar un mensaje al remitente a modo de acuse de recibo no es posible en divi, pero es posible en contact form 7?
Muchas Gracias