¡Actualización de funciones Divi! El nuevo módulo de formulario de contacto con más opciones de entrada, lógica condicional y validación de campo

Publicado: 2017-06-07

Lo nuevo y mejorado
Módulo de formulario de contacto

Hoy anunciamos una gran actualización del módulo de formulario de contacto de Divi, que incluye nuevos tipos de campos, más opciones de personalización, validación de campos y lógica condicional.

¡Hoy es un gran día para el módulo de formulario de contacto de Divi! Esta nueva actualización toma lo que era un simple creador de formularios y lo transforma en algo mucho más avanzado y lleno de posibilidades. Hemos agregado más tipos de entrada, más personalización, reglas de validación de campo y lógica condicional. Es una gran actualización que realmente lleva el módulo al siguiente nivel.

Nuevos tipos de entrada

El módulo de formulario de contacto ahora viene con todos los tipos de entrada que necesita, incluidas casillas de verificación, menús desplegables de selección y botones de opción.

El módulo de formulario de contacto ahora contiene todos los tipos de entrada que necesita, incluidos los menús desplegables de selección, casillas de verificación y botones de opción, y la nueva interfaz facilita la administración de subelementos dentro de estos nuevos tipos de campos. Agregue y reste elementos desplegables y de radio con facilidad e incluso elija qué elementos deben preseleccionarse.

Casillas de verificación

El módulo de formulario de contacto ahora admite casillas de verificación. Cuando crea un nuevo campo dentro del módulo de formulario de contacto, verá casillas de verificación como una opción dentro del menú de selección de tipo de entrada. Las casillas de verificación son una excelente manera de obtener información rápidamente de sus visitantes. También puede optar por hacer que una casilla de verificación sea "obligatoria", lo cual es excelente para asegurarse de que las personas estén de acuerdo con sus Términos de servicio o Política de privacidad antes de enviar su información.

Seleccionar menús desplegables

El módulo de formulario de contacto ahora admite menús desplegables seleccionados. Cuando crea un nuevo campo dentro del módulo de formulario de contacto, verá selecciones desplegables como una opción dentro del menú de selección de tipo de entrada. Si la información que solicita tiene un conjunto fijo de posibles respuestas, o si desea limitar la respuesta a un conjunto fijo de valores, el uso de menús desplegables puede proporcionar resultados superiores. Son fáciles de usar y eliminan la posibilidad de error del usuario.

Botones de radio

El módulo de formulario de contacto ahora admite botones de opción. Cuando crea un nuevo campo dentro del módulo de formulario de contacto, verá botones de radio como una opción dentro del menú de selección de tipo de entrada. Los botones de opción funcionan de la misma manera que los menús desplegables de selección, lo que permite al usuario elegir una opción de esta lista. Si está trabajando con una pequeña lista de opciones, los botones de opción requieren menos interacción que los menús desplegables seleccionados, ya que todas las opciones son visibles sin tener que hacer clic en el menú secundario.

Gestión sencilla de subelementos

El módulo de formulario de contacto actualizado viene con una nueva interfaz elegante para administrar subelementos dentro del botón de radio y seleccionar tipos de entrada desplegable. Es fácil agregar y restar elementos directamente dentro de la ventana de configuración del formulario de contacto. También puede elegir si se debe preseleccionar una casilla de verificación o un botón de opción.

Lógica condicional

Hoy presentamos un sistema de lógica condicional integral que le permite mostrar y ocultar campos según la información que los visitantes colocan en su formulario.

Mi nueva característica favorita es el sistema de lógica condicional. Hemos implementado opciones de lógica condicional en el módulo de formulario de contacto que le permiten mostrar y ocultar campos según la información que sus visitantes colocan en el formulario. Por ejemplo, puede crear un formulario de cotización de diseño web dinámico utilizando la lógica condicional que muestra campos adicionales cuando los usuarios seleccionan determinados paquetes de diseño web. Si el visitante elige la opción de comercio electrónico, mostrará automáticamente campos adicionales para solicitar más información sobre su negocio. El sistema de lógica condicional es muy robusto y le permite mezclar y combinar varias reglas para crear casi cualquier combinación que pueda imaginar.

Crear formularios dinámicos

Hay tantas formas creativas que se puede utilizar la lógica condicional para crear formularios dinámicos que se adapten a la información de su visitante, lo que le permite capturar datos relevantes de diferentes tipos de usuarios. A medida que los visitantes completan el formulario, el formulario de contacto cambia automáticamente según las reglas que le proporcione.

IU de 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, puede agregar cualquier número de reglas que determinarán cuándo se muestra ese campo. Agregue, reste y combine conjuntos de reglas complejos directamente desde la ventana de configuración de Divi Builder.

Las normas

El sistema de lógica condicional admite varios tipos de reglas, cada una de las cuales le permite determinar una coincidencia en función de diferentes criterios. Cada regla tiene varias aplicaciones diferentes que se pueden utilizar para personalizar su formulario.

  • Igual : esta regla coincide cuando la información que un visitante coloca en un campo en particular coincide exactamente con el valor que usted especifica. Por ejemplo, si le pregunta a un cliente qué tipo de sitio web necesita y selecciona "eCommerce", podría mostrar campos adicionales que soliciten más información sobre los tipos de productos que venden.
  • No es igual : esto es lo opuesto a la regla "Es igual". Esto mostrará un campo cuando el valor agregado a un campo específico no coincida con el valor que especifique.
  • Contiene : esta regla coincidirá cuando los datos ingresados ​​contengan el valor específico. Esto es diferente a "Equals" porque no requiere una matemática exacta. Por ejemplo, puede solicitar la dirección comercial de su visitante y, si el valor que ingresa contiene "California" o "CA", puede mostrar campos adicionales que soliciten más información sobre la política local y la regulación comercial de California.
  • No contiene : es lo opuesto a la regla "Contiene" y mostrará un campo cuando el valor ingresado no contenga el valor especificado. Por ejemplo, digamos que existen algunas regulaciones gubernamentales locales en los Estados Unidos que afectan su capacidad para atender a ciertos clientes. Estas regulaciones existen en todos los estados excepto en Oregon y Washington. Puede configurar una regla que solo muestre campos adicionales cuando la dirección que proporcione el cliente no contenga "Oregon", "OR", "Washington" o "WA".
  • Es mayor que : esta opción funciona con todos los valores numéricos. Por ejemplo, puede preguntar cuántos sitios web necesita crear el personal. Si necesitan más de 10 sitios web, es posible que deba mostrar más campos para solicitar información adicional a fin de proporcionar una cotización precisa.
  • Es menor que : esto es lo opuesto a la opción "Es mayor que" y mostrará un campo cuando el valor ingresado sea menor que el valor que especifique. Por ejemplo, puede solicitar el presupuesto de su visitante, y si el valor que ingresa es inferior a $ 1,000, puede ajustar los paquetes disponibles entre los que tiene que elegir.
  • Está vacío : esta regla mostrará un campo si otro campo está vacío. Una vez que se ingresan los datos en el campo, se eliminará el campo condicional.
  • No está vacío : esto mostrará un campo si otro campo tiene algún valor. Por ejemplo, supongamos que tiene un campo opcional en su formulario llamado "Nombre de la empresa". Si su visitante ha completado este campo, puede asumir que tiene un negocio. Esta regla podría usarse para activar campos adicionales que pregunten sobre sus actividades comerciales, dirección comercial, información fiscal, etc.

Lógica Mix & Match

El sistema de lógica condicional le permite usar múltiples reglas en combinación. El campo condicional se puede activar en función de cualquier coincidencia única, o puede requerir que todas las reglas coincidan 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 reglas de validación de campo que le permiten asegurarse de que la información que los visitantes le brindan tenga el formato correcto.

Cada tipo de entrada ahora viene con reglas de validación de campo que puede usar para asegurarse de que la información que envían sus visitantes tenga el formato correcto, como restringir los caracteres a letras y números. También puede definir longitudes mínimas y máximas para campos de entrada estándar.

Validar caracteres y límites de caracteres

Hay muchas situaciones en las que es posible que desee imponer límites de caracteres o validar los datos que ingresan los visitantes para asegurarse de que tengan el formato correcto. Esto puede reducir los errores del usuario e identificar errores de autocompletar. Por ejemplo, si está preguntando la edad de alguien, podría requerir que los datos que ingresan los visitantes solo contengan números. ¡También puede imponer un límite de caracteres de 3 ya que nadie va a tener 1000 años!

¡Únase, renueve y actualice hoy con un 10% de descuento!

Únase a la comunidad de temas de WordPress más entusiasta y amorosa en la web y descargue Divi 3.0 hoy. Con el nuevo Visual Builder, puede crear sitios web más rápido que nunca con su interfaz visual increíblemente rápida e intuitiva. ¡Usted tiene que verlo para creerlo!

¡Únase hoy y obtenga un 10% de descuento!
¡Renueve su cuenta hoy con un 10% de descuento!
¡Actualice su cuenta hoy con un 10% de descuento!