Lógica de formularios comúnmente utilizada

En este capítulo, aprenderás a usar diferentes tipos de lógica condicional para controlar el comportamiento de los campos, el flujo de navegación, los datos y la salida en PDF.

Antes de comenzar

Antes de sumergirte en la lógica de formularios, es importante entender cómo agregar campos y acceder al panel para configurar la lógica:

• Para agregar campos, consulta la sección Agregar campos de formulario.
• Para acceder al panel de lógica, consulta la sección Configurar lógica para tu formulario.

Controlar el comportamiento de los campos

Usa la lógica para controlar lo que los usuarios ven e interactúan. Acciones disponibles:

Acción	Descripción
Mostrar / Ocultar	Controla si un campo es visible
Habilitar / Solo lectura	Controla si un campo puede ser editado
Obligatorio / Opcional	Controla si la entrada es obligatoria

Estas acciones se utilizan comúnmente en escenarios como mostrar u ocultar campos basados en la entrada del usuario.

Mostrar u ocultar campos en el formulario

Descripción	Escenario
Permite que tu formulario muestre u oculte campos basados en la entrada del usuario.	Imagina que estás diseñando un formulario de compra para clientes. Si los clientes tienen un código de descuento, deben ingresarlo para validación. De lo contrario, el campo de entrada permanece oculto.

Sigue estos pasos para configurar la lógica del formulario:

1. Agrega los campos:
   

   • Agrega un campo de Opción (#1 ¿Tienes un código de descuento?) y configúralo como un campo de opción única con opciones “Sí” y “No”.
   • Agrega un campo de Texto (#2 Ingresa tu código de descuento).
     
     Note

     Para el campo #2, puedes seleccionar un tipo de entrada de texto, como Número, y configurar la validación, como limitarlo a menos de 8 dígitos, según tus necesidades.

2. Aplica la siguiente lógica a los campos:

   

   • Establecer condición: Si #1 es igual a Sí
   • Establecer acción: entonces Mostrar #2

Vista previa

Cuando el usuario hace clic en “Sí”, el campo #2 aparece, y pueden ingresar el código de descuento.

Controlar el flujo de navegación

Usa la lógica para guiar a los usuarios a través de diferentes caminos en tu formulario. Acciones disponibles:

Acción	Descripción
Saltar a página	Redirige a los usuarios a una página específica
Salir a página (sin enviar)	Salir del formulario sin enviar

Navegación de páginas (Saltar páginas)

Descripción	Escenario
Permite que tu formulario salte páginas irrelevantes para los usuarios.	Imagina que estás creando un formulario de registro para un evento. Si el usuario selecciona “Ponente”, será dirigido a una página con preguntas específicas para ponentes. Si elige “Participante”, saltará a una página diferente.

Así es como puedes configurarlo:

1. Agrega un campo de Opción (#1 Tu Rol) para capturar el rol del usuario, y configúralo como un campo de opción única con opciones como “Ponente” y “Participante”.
   

2. Agrega campos de Separador y configúralos como salto de página, para que puedas separar páginas para cada conjunto de preguntas específicas de rol, como “Información del Ponente” y “Detalles del Participante”.
   

3. Aplica la siguiente lógica a los campos:

   

   • Establecer condición: Si #1 Tu Rol es igual a Ponente.
   • Establecer acción: entonces saltar a página #2 Información del Ponente, ocultar #2 Información del Participante.

4. Haz clic en Duplicar para copiar la lógica y luego ajústala para la lógica de salto de página para “Participante”.

Vista previa

Cuando el usuario selecciona “Ponente” en el campo “Mi Rol”, el formulario salta automáticamente a la Página 2 (Información del Ponente) para recopilar detalles relevantes. De manera similar, si el usuario selecciona “Participante”, el formulario salta a la Página 3 (Información del Participante). De esta manera, los usuarios solo ven y completan las páginas relevantes para su rol, creando una experiencia de formulario más eficiente y personalizada.

Mostrar diferentes preguntas

Descripción	Escenario
Asegura que las preguntas formuladas más adelante sean relevantes para las respuestas anteriores.	Imagina que estás creando un formulario de registro para un evento. Si los participantes expresan interés en talleres (respondiendo “sí”), el formulario preguntará sobre sus razones. Si no (respondiendo “no”), el formulario avanzará para preguntar por qué no están interesados.

Así es como puedes configurarlo:

1. Agrega los campos:
   

   • Agrega un campo de Opción (#1 ¿Estás interesado en asistir al taller?) y configúralo como un campo de opción única con opciones como “Sí” y “No”.
   • Agrega un campo de Desplegable (#2 ¿Por qué estás interesado en asistir al taller?).
   • Agrega un campo de Desplegable (#3 ¿Por qué no estás interesado en asistir al taller?).
     
     Note

     Puedes configurar los campos de Desplegable para permitir múltiples opciones.

2. Aplica la siguiente lógica a los campos:

   

   • Establecer condición: Si #1 es igual a Sí.
   • Establecer acción: entonces habilitar #2, ocultar #3.

3. Haz clic en Duplicar para copiar la lógica y luego ajústala para la lógica de pregunta de rama para “No”.

Vista previa

Cuando el usuario selecciona “Sí”, el formulario habilita #2 y oculta #3.
Cuando el usuario selecciona “No”, el formulario habilita #3 y oculta #2.

Esta lógica adapta el formulario a las respuestas del usuario, haciéndolo más atractivo y eficiente.

Establecer y gestionar valores de campos

Usa la lógica para manejar automáticamente los datos en tu formulario. Acciones disponibles:

Acción	Descripción
Establecer valor	Asigna valores automáticamente
Borrar valor	Elimina valores basados en condiciones
Copiar valor	Copia valores de otro campo
Calcular	Realiza cálculos

Establecer valores

Descripción	Escenario
Te permite asignar valores a campos de formulario basados en condiciones o cálculos. Llena automáticamente los campos sin necesidad de entrada del usuario.	Imagina que estás diseñando un formulario de registro para un evento con un descuento por reserva anticipada. Puedes usar la lógica de “establecer valor” para calcular y asignar automáticamente la tarifa con descuento según la fecha de registro. Si la fecha es antes del 01/10/2023, la tarifa es $100; de lo contrario, es $120.

Así es como puedes configurarlo:

1. Agrega los campos:
   

   • Agrega un campo de Texto (#1 Fecha de Registro) y configura el tipo de texto como Fecha.
   • Agrega un campo de Texto (#2 Tarifa de Registro) y configura el tipo de texto como Número.
   Note

   Asegúrate de configurar #2 Tarifa de Registro como Deshabilitado para evitar que los usuarios editen el precio.

2. Aplica la siguiente lógica a los campos:

   

   • Establecer condición: Si #1 <= menor o igual a 01/10/2023.
   • Establecer acción:
     • entonces establecer valor #2 a 100.
     • de lo contrario establecer valor #2 a 120.

Vista previa
Cuando el usuario selecciona una “Fecha de Registro” antes de la fecha límite de reserva anticipada (01/10/2023), la lógica de establecer valor determinará y asignará automáticamente la “Tarifa de Registro” a la tarifa de reserva anticipada ($100); de lo contrario, asignará el valor de “Tarifa de Registro” a la tarifa regular ($120).

Borrar valores

Descripción	Escenario
Te permite borrar automáticamente el contenido de un campo basado en condiciones específicas.	En un formulario de compra en línea, si un cliente ingresa un código promocional, puedes borrar automáticamente cualquier cantidad de descuento para evitar aplicar dos descuentos diferentes.

Así es como puedes configurarlo:

1. Agrega los campos:
   

   • Un campo de Número (#1 Número) donde los clientes pueden ingresar una compra.
   • Un campo de Número (#3 Monto de Descuento) donde se muestra el monto del descuento (como 10% de descuento si más de 10 piezas).
   • Un campo de Texto (#2 Código Promocional) donde los clientes pueden ingresar un código promocional.

2. Aplica la siguiente lógica a los campos:

   

   • Establecer condición: Si #2 está respondido.
   • Establecer acción: entonces borrar valor #3.

Vista previa

El campo de Montos de Descuento se borra automáticamente cuando el usuario ingresa el Código Promocional.

Calcular valores

Descripción	Escenario
Permite que los formularios realicen operaciones matemáticas basadas en reglas predefinidas.	Imagina que estás creando un formulario de pedido para una panadería. Los clientes eligen pasteles y cantidades. El formulario calcula automáticamente el costo total a partir de sus elecciones.

Así es como puedes configurarlo:

1. Crea los campos:
   

   • Agrega un campo de Opción (#1 Tipo de Pastel) y configúralo como un campo de opción única con opciones “Croissant ($2)”, “Muffin ($3)”, “Danish ($4)”.
   • Agrega un campo de Texto (#2 Cantidad) y configura el tipo de texto como Número.
   • Agrega un campo de Texto (#3 Costo Total) y configura el tipo de texto como Número (este campo será calculado).
     
     Note

     Asegúrate de configurar #3 Costo Total como Deshabilitado para que los usuarios no puedan editar el precio.

2. Aplica la siguiente lógica a los campos:

   

   • Establecer condición: Si #Tipo de Pastel es igual a Croissant.
   • Establecer acción: entonces calcular 2 X #2 Cantidad establecer a #3 Costo Total.

3. Haz clic en Duplicar para copiar la lógica y luego ajusta los parámetros para el cálculo de “Muffin” y “Danish”.

Vista previa
Cuando un usuario selecciona el tipo de pastel e ingresa la cantidad, el campo “Costo Total” mostrará automáticamente la cantidad calculada basada en el pastel elegido y la cantidad.

Controlar la salida en PDF

Mostrar u ocultar campos en el PDF

Usa la lógica para decidir qué aparece en el PDF generado. Acciones disponibles:

Acción	Descripción
Imprimir en PDF	Incluir un campo en el PDF generado
No imprimir en PDF	Excluir un campo del PDF generado

Así es como puedes configurarlo:

• Condición: por ejemplo, Si un campo está respondido
• Acción:
  • entonces imprimir en PDF
  • de lo contrario no imprimir en PDF

Vista previa

El campo solo aparecerá en el PDF generado cuando se cumpla la condición.

Usar IA para crear lógica

También puedes usar Gen by AI para generar la lógica descrita anteriormente.

Describe lo que quieres en lenguaje sencillo, por ejemplo:

• “Mostrar este campo solo cuando el usuario seleccione Sí”
• “Incluir este campo en el PDF solo cuando la respuesta esté llena”

El sistema generará automáticamente la lógica correspondiente para ti.