Si Divi 3.0 trajo mejoras espectaculares con el Constructor Visual, parece que Divi 3.1 no le va a estar a la zaga.

Como voy contando en otros art铆culos del blog est谩n a帽adiendo much铆simas mejoras. Tanto de c贸digo, que gustar谩n mucho a los desarrolladores, como de dise帽o, organizaci贸n, etc.

Pero veamos las mejoras del formulario. Parece que desde hoy te vas a poder ahorrar un plugin para formularios, ya sea Contact Form 7 o el que utilizases.

 

El nuevo y mejorado M贸dulo Formulario de contacto

Hoy estamos anunciando una gran actualizaci贸n al m贸dulo de formulario de contacto Divi, incluyendo nuevos campos, m谩s opciones de personalizaci贸n, la validaciones de los datos introducidos y de l贸gica condicional que te va a encantar.

 

Hoy es un gran d铆a para el m贸dulo de formulario de contacto Divi! Ahora est谩聽lleno de posibilidades. Han聽a帽adido m谩s tipos de entradas o campos, m谩s personalizaci贸n, reglas de validaci贸n y la l贸gica condicional. Es una gran actualizaci贸n que realmente ha llevado este m贸dulo que era un poco flojo al siguiente nivel.

 

Nuevos聽campos en el formulario

El m贸dulo de formulario de contacto ahora viene con todos los tipos de entrada que posiblemente necesites, puede que alguien eche de menos alguno pero creo que a la mayor铆a le van a valer los que ya trae como por ejemplo casillas de verificaci贸n, selecci贸n de men煤s desplegables y botones de selecci贸n.

A帽adir o quitar聽elementos va a ser muy f谩cil.

 

Pero vayamos por partes:

Casillas de verificaci贸n

El m贸dulo de formulario de contacto ahora soporta casillas de verificaci贸n.聽Las casillas de verificaci贸n se echaban de menos sobre todo para cumplir los requisitos legales pero ahora ya las tienes.

 

Desplegables o Dropdowns

Ahora el m贸dulo de formulario de contacto soporta ahora seleccionar los men煤s desplegables. Cuando se crea un nuevo campo dentro del m贸dulo de formulario de contacto, ver谩s estos men煤s desplegables como una opci贸n dentro del men煤 de selecci贸n de tipo de entrada. Si la informaci贸n que solicitas tiene un conjunto fijo de posibles respuestas, o si deseas limitar la respuesta a un conjunto fijo de valores, el uso de men煤s desplegables te va a ayudar mucho. Son f谩ciles de usar y que eliminan la posibilidad de un error del usuario.

Botones de聽selecci贸n 煤nica

El m贸dulo de formulario de contacto ahora es compatible con los botones de selecci贸n 煤nica. Cuando se crea un nuevo campo dentro del m贸dulo de formulario de contacto, ver谩s estos botones como una opci贸n dentro del men煤 de selecci贸n de tipo de entrada. Funcionan de la misma manera que los聽men煤s desplegables, lo que permite al usuario elegir una de las opciones de esta lista. Si est谩s trabajando con una peque帽a lista de opciones, requieren menos interacci贸n que seleccionar men煤s desplegables porque todas las opciones est谩n visibles sin tener que hacer clic.

F谩cil gesti贸n

Es f谩cil a帽adir o quitar聽elementos del formulario de contacto. Tambi茅n puedes elegir si debe estar pre-seleccionado un bot贸n de selecci贸n m煤ltiple o variable.

 

La l贸gica condicional

Este te va a encantar.

Te permite mostrar y ocultar campos en base聽lo que necesite el usuario o lo que vaya respondiendo.

Por ejemplo, se puede crear un formulario de para hacer presupuestos de dise帽o web din谩mico utilizando la l贸gica condicional que muestra campos adicionales cuando los usuarios seleccionan ciertos paquetes de dise帽o web.

Si el visitante escoge la opci贸n de comercio electr贸nico, mostrar谩 autom谩ticamente campos adicionales para solicitar m谩s informaci贸n acerca de su negocio. El sistema de l贸gica condicional es muy robusto y te permite mezclar y combinar varias reglas para crear casi cualquier combinaci贸n que se puedas imaginar.

 

Interfaz de usuario l贸gica condicional

La nueva interfaz de usuario de l贸gica condicional es muy f谩cil de usar. Despu茅s de habilitar la l贸gica condicional para un campo determinado, puedes a帽adir cualquier n煤mero de reglas que determinar谩n cuando se muestra ese campo.

Las聽reglas

El sistema de l贸gica condicional es compatible con varios tipos de reglas, cada una de las cuales le permite determinar algo聽basado en criterios diferentes. Cada regla tiene una serie de aplicaciones diferentes que se pueden utilizar para personalizarlo mejor.

 

  • Es igual que 鈥 Esta regla implica una coincidencia exacta con la informaci贸n que el usuario introduzca en un campo determinado. Es especialmente 煤til con los botones de radio. Por ejemplo, si el campo pregunta qu茅 tipo de sitio se necesita, y la selecci贸n es 鈥淐omercio electr贸nico鈥, se pueden mostrar campos adicionales que pidan m谩s datos sobre los productos que se vender谩n en ese sitio.
  • No es igual que 鈥 Funciona de manera contraria a la anterior: mostrar谩 el campo cuando el valor que contenga el campo en cuesti贸n no coincida con el especificado.
  • Es mayor que 鈥 Esta opci贸n sirve para valores num茅ricos. Por ejemplo, podemos preguntar cu谩ntos sitios necesita crear el usuario. Si son m谩s de 10, quiz谩 debamos mostrar m谩s campos para solicitar la informaci贸n necesaria para enviar un presupuesto acorde.
  • Es menor que 鈥 Es la opuesta a la opci贸n Es mayor que, y mostrar谩 un campo cuando el valor introducido sea menor al especificado. Por ejemplo, podemos preguntar cu谩l es el presupuesto disponible del usuario, y si el valor introducido es menor que $1000, mostrar determinados servicios entre los que se pueda elegir.
  • Contiene 鈥 Esta regla implica una coincidencia con alguno de los datos que se especifiquen. Es distinta de Es igual que porque no requiere una coincidencia exacta. Por ejemplo, podemos preguntar al usuario la direcci贸n de su empresa, y si el valor contiene 鈥淐alifornia鈥 o 鈥淐A鈥, mostrar campos adicionales que soliciten m谩s datos relacionados con pol铆ticas y regulaciones comerciales aplicables solo a esa ubicaci贸n geogr谩fica.
  • No contiene 鈥 Es la opuesta a la opci贸n Contiene y mostrar谩 un campo cuando el valor introducido no contenga el valor especificado. Por ejemplo, digamos que existen ciertas regulaciones gubernamentales locales que afectan a determinadas ubicaciones geogr谩ficas. Se puede asignar una regla que solo muestre un campo adicional cuando la direcci贸n no contenga la ubicaci贸n afectada.
  • Est谩 vac铆o 鈥 Esta regla mostrar谩 un campo si otro campo se deja vac铆o. Una vez que se introduzcan datos en el campo, el campo condicional se oculta.
  • No est谩 vac铆o 鈥 Esto mostrar谩 un campo si otro campo tiene alg煤n valor. Por ejemplo, digamos que tenemos un campo opcional llamado 鈥淣ombre de la empresa鈥. Si este campo se completa, sabremos que el usuario tiene una empresa. Esta regla puede ser usada para mostrar campos adicionales que soliciten m谩s informaci贸n sobre la actividad comercial, ubicaci贸n, condici贸n tributaria, etc.

Como hemos visto, las nuevas opciones para el m贸dulo Formulario de contacto son sumamente 煤tiles y nos ahorrar谩n varios pasos, como instalar otros plugins y/o agregar c贸digo adicional.

 

Emparejar reglas

El sistema de l贸gica condicional le permite utilizar varias reglas en combinaci贸n. El campo condicional a continuaci贸n, se puede disparar sobre la base de un solo campo, o se pueden emparejar antes de mostrar el campo condicional.

 

Validaci贸n de campo

Todos los tipos de entrada del m贸dulo de formulario de contacto ahora vienen con las reglas de validaci贸n de campos que permiten asegurarte que los visitantes proporcionan informaci贸n correcta, tales como la restricci贸n de caracteres a letras y n煤meros. Tambi茅n puedes definir longitudes m铆nimas y m谩ximas para los campos de entrada est谩ndar…

 

Solo n煤meros o textos, l铆mites de caracteres…

Esto ayuda a reducir los errores de los usuarios al rellenar el formulario.

Por ejemplo, si est谩s pidiendo la edad de alguien, podr铆a poner que solo puedan introducir聽n煤meros. O tambi茅n podr铆as imponer un l铆mite de caracteres de 3 ya que nadie va a cumplir 1.000 a帽os! jeje

驴A que mola?

Aprende mucho m谩s sobre Divi y dise帽a una web que enamore a tus clientes

驴Est谩s harto de estar buscando informaci贸n gratuita y desordenada en internet sin conseguir tus objetivos? Si eres de los que piensa que a dise帽ar una web no se aprende con v铆deos gratuitos de una hora y quieres una formaci贸n seria y amena y con soporte para dudas que te ayude a dise帽ar una web de la que presumir para poder generar ingresos y llevar la vida que sue帽as, has llegado al lugar adecuado.

Yo pas茅 por donde t煤 est谩s ahora y ya he dise帽ado m谩s de 200 webs con Divi para clientes que est谩n encantados y bien posicionados en Google. Todo lo que he aprendido durante a帽os lo he resumido en dos cursos. Uno inicial donde vemos Divi a fondo y hacemos una web paso a paso y desde cero y otro para los que ya conocen Divi y quieren ir un paso m谩s all谩 con plugins y secretos maravillosos.

Curso de Divi a fondo

Aprende a dise帽ar una web que enamore a tus clientes sin necesidad de tocar una sola l铆nea de c贸digo. Acabar谩s con tu web terminada y no estar谩s solo porque tendr谩s mi ayuda al otro lado del email. Incluye el tema Divi sin pagos adicionales.

Curso de Divi Avanzado

Ve un paso m谩s all谩 con el Curso de Divi Avanzado y aprende a realizar efectos y plugins incre铆bles que enamoren a tus clientes y te generen m谩s ingresos. Y podr谩s descargar todo lo que vemos en el curso y usarlo en tu proyecto.

218820

No te vayas sin tu regalo, es gratis.

Mis 10 secretos para crear webs de éxito

+ trucos y recursos gratis para Divi

Tengo regalitos
para ti 馃槈

Responsable de los datos: Gonzalo de la Campa Marinas
Finalidad de los datos: Enviarte información.
Almacenamiento de los datos: Base de datos alojada en Profesional Hosting (UE)
Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

×
驴Alguna duda? Estoy aqu铆 ahora, al otro lado del WhatsApp ;-) Cu茅ntame y te ayudo encantado.
218813

¿Te vas sin tu regalo?

Mis secretos para crear una web de exito

+ trucos y recursos gratis para Divi

Responsable de los datos: Gonzalo de la Campa Marinas
Finalidad de los datos: Enviarte información.
Almacenamiento de los datos: Base de datos alojada en Profesional Hosting (UE)
Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

Dime dónde te envío

tu regalo

Responsable de los datos: Gonzalo de la Campa Marinas
Finalidad de los datos: Enviarte información.
Almacenamiento de los datos: Base de datos alojada en Profesional Hosting (UE)
Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

Dime dónde te envío

el enlace al webinar

Responsable de los datos: Gonzalo de la Campa Marinas
Finalidad de los datos: Enviarte información.
Almacenamiento de los datos: Base de datos alojada en Profesional Hosting (UE)
Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

Pin It on Pinterest