> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kameleoon.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Añadir lógica condicional

> Muestre u oculte elementos de formulario, elementos de encuesta y pantallas en función de las respuestas de los visitantes configurando eventos Survey en el Widget Studio.

La lógica condicional muestra un elemento o una pantalla solo cuando la respuesta de un visitante lo hace pertinente. Un formulario que hace a todos los visitantes todas las preguntas obliga a la mayoría a responder preguntas que no les corresponden, y además hace el formulario más largo de lo necesario.

Por ejemplo, un visitante que quiere ver los productos más recientes no tiene motivo para elegir un tema del blog. Un segundo desplegable que aparece tras la primera elección recoge el único dato que necesita, y solo de los visitantes que deben proporcionarlo.

## Cómo funciona la lógica condicional

Cada regla condicional es un evento **Survey** en la sección **Events** del Widget Studio. El tipo de evento Survey gestiona por igual los valores de encuesta y los valores de formulario, por lo que un **Dropdown** de la sección **Form** y un **Short answer** de la sección **Survey** funcionan ambos como condiciones.

Cada evento tiene dos partes:

* **Condition:** La respuesta que activa el evento, como una opción concreta de un desplegable.
* **Action:** Lo que hace Kameleoon cuando se cumple la condición, como mostrar un elemento oculto.

La acción muestra un elemento, así que ese elemento empieza oculto. De lo contrario, el evento no tendría nada que cambiar.

## Mostrar un segundo desplegable tras la elección de un visitante

Use la lógica condicional cuando una pregunta de seguimiento solo se aplica a algunas respuestas. Suponga que su formulario de boletín pide a los visitantes que elijan **Latest products** o **Blog updates**. Solo los visitantes que eligen **Latest products** necesitan elegir una categoría de producto, así que el segundo desplegable aparece solo en ese caso.

![Panel de ajustes del desplegable con Initial state en Enabled, Required activado y las opciones Latest Products y Blog Updates](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-forms/add-conditional-logic-to-your-forms/Capture-decran-2023-02-17-a-15.55.36.png)

El segundo desplegable ofrece **All products**, **Clothes** y **Shoes**.

![Panel de ajustes del desplegable con Initial state en Enabled, Required activado y las opciones All Products, Clothes y Shoes](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-forms/add-conditional-logic-to-your-forms/Capture-decran-2023-02-17-a-16.01.02.png)

Para mostrar el segundo desplegable solo cuando un visitante seleccione **Latest products**, siga estos pasos:

1. Pase el cursor sobre el segundo desplegable de la lista **Elements**, haga clic en su menú **three-dots** y haga clic en **Hide**. El desplegable permanece oculto hasta que se ejecute el evento.
2. Haga clic en **Events** en la barra lateral izquierda y, a continuación, haga clic en **Add event**.
3. Seleccione **Survey** y haga clic en **Next**.
4. En **If the value for**, seleccione el primer desplegable.
5. En **is**, seleccione **Latest products**.

![Nuevo evento de encuesta con la condición If the value for Dropdown y la lista de valores que muestra Latest products](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-forms/forms-survey-event-dropdown-value-step-1-zoom2-v2.png)

6. En **Actions**, seleccione **Show an element** y elija el segundo desplegable.
7. Haga clic en **Save event**.

Cuando un visitante selecciona **Latest products**, aparece el segundo desplegable. Los visitantes que seleccionan **Blog updates** no activan el evento, por lo que el segundo desplegable permanece oculto para ellos.

![Ventana emergente animada Stay up to date! con un campo de correo electrónico, un desplegable que muestra Please choose an option y un botón Subscribe desactivado](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-forms/add-conditional-logic-to-your-forms/widget-conditional-logic.gif)

## Mostrar una pantalla según la puntuación NPS

Use la lógica condicional en una encuesta para cambiar lo que ven los visitantes después de responder. Suponga que ha creado una encuesta NPS de varios pasos y quiere personalizar la experiencia según la puntuación del visitante. Si un visitante da una puntuación de 0 a 6 (un Detractor), puede que quiera mostrar una pregunta de seguimiento que pida más opiniones. Si la puntuación es de 7 a 10 (un Passive o un Promoter), puede pasar directamente a un mensaje de agradecimiento.

En el siguiente ejemplo, la encuesta consta de dos pantallas:

* **Screen 1:** La pregunta de puntuación NPS (0-10). Para los Detractors (puntuaciones de 0 a 6), un campo de texto abierto de seguimiento pide el motivo principal de la puntuación.
* **Screen 2:** Una pantalla de confirmación («Thank you for your feedback!»).

### Configurar las pantallas de la encuesta

En el Widget Studio, cree ambas pantallas:

* Screen 1 con el elemento NPS
* Screen 2 con un mensaje de confirmación

![Screen 1 con la pregunta de puntuación NPS](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-csat-nps-and-surveys/create-conditional-logic-in-your-surveys/screenshot-2025-06-10-at-3.45.08PM-1536x960.png)

Screen 2 muestra el mensaje de confirmación que ven los visitantes después de responder.

![Screen 2 con el mensaje «Thank you for your feedback!»](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-csat-nps-and-surveys/create-conditional-logic-in-your-surveys/screenshot-2025-06-10-at-3.44.05PM-1536x960.png)

Asegúrese de que Screen 1 sea la pantalla predeterminada.

### Hacer una pregunta de seguimiento a los detractores

1. Seleccione el elemento NPS.
2. En la pestaña **Settings**, en **Follow-up question**, seleccione **Detractors**.

![Ajustes del elemento NPS con la pregunta de seguimiento configurada en Detractors (puntuación de 0-6) y una vista previa de la ventana emergente de encuesta que muestra el campo de texto de seguimiento](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-csat-nps-and-surveys/create-conditional-logic-in-your-surveys/screenshot-2025-06-10-at-3.46.55PM-1536x960.png)

### Añadir un evento de lógica condicional para Passives y Promoters

1. Haga clic en **Events** en la barra lateral izquierda y, a continuación, haga clic en **Add event**.
2. En el panel **Create new event**, seleccione **Survey** como tipo de evento.

![Cuadro de diálogo Create new event con las opciones Click, URL, Display, Survey, Language y Timer, y la opción Survey seleccionada](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-csat-nps-and-surveys/create-conditional-logic-in-your-surveys/conditional-logic-survey.png)

3. En **If the value for**, seleccione **NPS**.
4. En **matches**, seleccione **Passives** y **Promoters**.

![Cuadro Conditions de New survey event con la condición NPS matches Passives and Promoters](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/conditional-logic-survey-event-conditions-step-1.png)

5. A continuación, defina la acción. Haga clic en **Add action** > **Show a screen**.
6. Seleccione **Thank you**.

![Sección Actions de un evento con Show a screen seleccionado y Thank you elegido como pantalla](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-csat-nps-and-surveys/create-conditional-logic-in-your-surveys/ty-screen-1-768x655.png)

7. Defina una segunda acción: **Hide element** > **Screen 1**.

Esta configuración significa que Screen 2 aparece si el visitante selecciona una puntuación entre 7 y 10, lo que garantiza una transición fluida desde la opinión hasta la pantalla de agradecimiento.

### Comprobar la lógica final

Así es la lógica final:

1. El widget muestra siempre Screen 1 primero.
2. Si la puntuación está entre 0 y 6, el widget muestra la pregunta de seguimiento.
3. Cuando el visitante hace clic en **Submit** en Screen 1, llega a Screen 2.
4. Para puntuaciones de 7 o más, el widget omite la pregunta de seguimiento y envía a los visitantes directamente a Screen 2.

Esta lógica le ayuda a obtener información más detallada de los detractores, a la vez que mantiene una experiencia sin fricciones para el resto de visitantes.

## Otras condiciones

Los eventos Survey también funcionan con campos **Short answer**. Elija **matches validation rule** o **doesn't match validation rule** como condición para mostrar un mensaje cuando una entrada no cumple una regla. Para configurar ese mensaje, consulte [Validar la entrada de Short answer](https://docs.kameleoon.com/es/user-manual/assets/widgets/create-a-widget-with-the-widget-studio/create-forms/add-rules-to-your-form-fields.md).