Skip to main content
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
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
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
  1. En Actions, seleccione Show an element y elija el segundo desplegable.
  2. 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

​
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
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!»
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

​
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
  1. En If the value for, seleccione NPS.
  2. En matches, seleccione Passives y Promoters.
Cuadro Conditions de New survey event con la condición NPS matches Passives and Promoters
  1. A continuación, defina la acción. Haga clic en Add action > Show a screen.
  2. Seleccione Thank you.
Sección Actions de un evento con Show a screen seleccionado y Thank you elegido como pantalla
  1. 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.