Mostrar u ocultar campos del formulario con lógica condicional

Usa la lógica condicional para mostrar u ocultar un campo del formulario según cómo responda un visitante a otro campo. Esta guía explica cómo configurar las condiciones, qué operadores admite cada tipo de campo y qué ocurre con los campos ocultos cuando un visitante envía el formulario.

La lógica condicional está disponible en todos los formularios de Jetpack.

Qué hace la lógica condicionalMD

La lógica condicional (también llamada campos condicionales o reglas de mostrar/ocultar) permite que la respuesta a un campo determine si aparece otro campo en tu formulario. Por ejemplo, un formulario de reserva de fotografía puede pedir una fecha de boda solo cuando el visitante selecciona «Wedding» como tipo de sesión.

Cada regla pertenece al campo que controla:

• Un campo configurado como Mostrar este campo permanece oculto hasta que se cumplen sus condiciones.
• Un campo configurado como Ocultar este campo permanece visible hasta que se cumplen sus condiciones.
• Un campo sin condiciones siempre está visible.

Los campos aparecen o desaparecen en cuanto el visitante cambia una respuesta. La página no se vuelve a cargar.

Añadir lógica condicional a un campoMD

Para mostrar u ocultar un campo según la respuesta de otro campo:

1. Abre la entrada o página que contiene tu formulario, o abre el formulario desde Jetpack → Formularios.
2. Selecciona el campo que quieres mostrar u ocultar.
3. Haz clic en el icono de Añadir lógica condicional (un ojo) en la barra de herramientas del bloque. También puedes abrir el panel de Lógica condicional en la barra lateral de ajustes del bloque y hacer clic en Añadir condiciones.
4. En Acción, selecciona Mostrar este campo u Ocultar este campo.
5. En Cuándo, selecciona si alguna para actuar cuando se cumpla al menos una condición, o si todas para actuar solo cuando se cumplan todas las condiciones.
6. Elige un Campo que comprobar, un Operador y un Valor. En los campos desplegable, opción única, opción múltiple y valoración, selecciona el valor entre las opciones de ese campo en lugar de escribirlo.
7. Para añadir otra condición, haz clic en Añadir condición y repite el paso 6.
8. Haz clic en Listo.
9. Haz clic en Guardar o Publicar para conservar los cambios.

Después de hacer clic en Listo, el panel de Lógica condicional describe la regla con palabras sencillas. Por ejemplo: Este campo se muestra si se cumple alguna de estas condiciones: ¿Qué tipo de sesión? es «Wedding». Para cambiar la regla, haz clic en Editar condiciones.

Campos que puedes usar con la lógica condicionalMD

Cada campo del formulario admite lógica condicional, excepto el campo Image Select y el campo Custom HTML. Un campo compatible puede mostrarse u ocultarse según sus propias condiciones, y las condiciones de otros campos pueden comprobar su respuesta. Un campo no puede comprobar su propia respuesta.

Cada campo que comprueba una condición necesita un Nombre/ID único. Si dos campos comparten el mismo Nombre/ID, el cuadro de diálogo de condiciones los muestra como no disponibles. Haz clic en Hacerlo único, o asigna a cada campo su propio Nombre/ID en Avanzado → Nombre/ID dentro de los ajustes del bloque del campo.

Operadores disponibles para cada tipo de campoMD

Los operadores que puedes elegir dependen del tipo de campo que estés comprobando:

• Entrada de texto, Nombre, Correo electrónico, Sitio web, Número de teléfono y Texto multilínea: es, no es, contiene, no contiene, está vacío, no está vacío.
• Desplegable y opción única (radio): es, no es, está vacío, no está vacío.
• Opción múltiple (casilla de verificación): contiene, no contiene, está vacío, no está vacío.
• Entrada numérica y control deslizante: es igual a, no es igual a, es mayor que, es menor que, es como mínimo, es como máximo, está vacío, no está vacío.
• Valoración: es igual a, no es igual a, es mayor que, es menor que, es como mínimo, es como máximo, está vacío, no está vacío. La lista de valores va del 1 a la valoración máxima del campo.
• Selector de fecha y entrada de hora: es, no es, es anterior a, es posterior a.
• Casilla de verificación y consentimiento de términos: está marcada, no está marcada.
• Campo oculto: es, no es, contiene.
• Subida de archivos: está vacío, no está vacío.

Cómo afectan los campos ocultos al envío de formulariosMD

Cuando un visitante envía el formulario, Jetpack vuelve a comprobar todas las condiciones en el servidor. Un campo oculto en ese momento se gestiona como si nunca se le hubiera pedido al visitante:

• No se valida, por lo que un campo obligatorio oculto no impide el envío.
• Su respuesta no se guarda. No aparece en la respuesta, en Jetpack → Formularios → Respuestas, en el correo electrónico de notificación ni en los datos enviados a las integraciones.
• Se considera vacío para las condiciones de otros campos. Si un visitante rellena un campo y después cambia una respuesta que lo oculta, las condiciones que comprueban el campo oculto lo tratan como si no hubiera respondido.

Lógica condicional en formularios de varios pasosMD

Las condiciones pueden comprobar campos en cualquier paso de un formulario de varios pasos. La lista Campo agrupa los campos por paso. Comprueba los campos del mismo paso o de un paso anterior. Una condición que comprueba un campo de un paso posterior lo compara con un valor vacío, porque el visitante todavía no ha respondido a ese campo.

Cuando no se aplican las condicionesMD

• Si eliminas un campo comprobado por una condición, esa condición se ignora. Si se ignoran todas las condiciones de un campo, este siempre está visible. El cuadro de diálogo de condiciones muestra «El campo al que se hace referencia ya no existe», para que puedas elegir otro campo o eliminar la condición.