Caso de uso: Utilizar un elemento Cambiar para mostrar pantallas basadas en lógica condicional

Usted está aquí:

Caso de uso: Utilizar un elemento Cambiar para mostrar pantallas basadas en lógica condicional

Utilice el elemento Cambiar pantalla para mostrar u ocultar contenido de forma dinámica. Compara un único valor de campo con uno o más valores especificados y luego muestra el contenido asociado con el primer valor que es una coincidencia exacta. Si no se encuentra ninguna coincidencia, devuelve el valor predeterminado preconfigurado. A diferencia del elemento If, Switch está limitado a realizar una comparación de coincidencia exacta en un único campo y no admite operadores lógicos complejos como AND u OR.

Ediciones necesarias

Ver ediciones compatibles.
Este artículo se aplica a:	Canales de WhatsApp mejorados, WhatsApp unificado
Este artículo no se aplica a:	Chat en aplicación mejorado, Chat web mejorado, Facebook Messenger estándar y mejorado, SMS estándar y mejorado, mensajes de Apple Messages for Business mejorados, LINE mejorado y Aportar su propio canal

Permisos de usuario necesarios
Para crear componentes de mensajería:	Personalizar aplicación Y Ver parámetros y configuración O Administrador del sistema
Para enviar y recibir mensajes en Mensajería:	Agente de Mensajería

Permisos de usuario necesarios

Para crear componentes de mensajería:

Personalizar aplicación Y Ver parámetros y configuración

Administrador del sistema

Para enviar y recibir mensajes en Mensajería:

Agente de Mensajería

Para ilustrar cómo utilizar Switch, considere este ejemplo. Usted es el administrador de Healthy Pets, un hospital veterinario. Su trabajo es crear un flujo de WhatsApp, donde la pantalla inicial solicita al cliente su tipo de animal y luego lo envía a una pantalla para proporcionar detalles sobre el animal. Para compartir detalles específicos sobre cada tipo de animal, cree una pantalla diferente para cada tipo. Por ejemplo, si el cliente selecciona Cat, el botón Siguiente le lleva a la pantalla Cat. Después de proporcionar información específica de animales, el cliente se envía a la pantalla final, donde confirma su información de cuenta.

Este ejemplo asume que ya creó el flujo de WhatsApp con estas pantallas.

El flujo de WhatsApp contiene 5 pantallas con contenido.

En la sección Formatos de componente del componente de mensajería Formulario, seleccione Flujo.
En la sección Pantallas, amplíe la pantalla Tipo de animal y agregue un elemento de pantalla desplegable que muestra: Gato, Perro, Pájaro y Otro Animal.
Para obtener una vista previa de la pantalla Tipo de animal, en Propiedades de componente en la barra lateral derecha, seleccione y amplíe el nodo de pantalla.
Para hacer avanzar al usuario a la siguiente pantalla basándose en su selección de tipo de animal en la pantalla Tipo de animal, agregue un elemento Cambiar.
En la pantalla Propiedades de componente del tipo de animal, haga clic en Agregar contenido, seleccione Cambiar bajo Lógica condicional y haga clic en Listo.
Para configurar el elemento Cambiar, amplíe el nodo Cambiar y haga clic en Modificar.
En Seleccionar campo, seleccione el campo que el cliente utiliza para elegir su tipo de animal.
Agregue un caso separado para cada tipo de animal que se pueda seleccionar.
Para el campo Valor literal, introduzca el Id., no la etiqueta de visualización, de cada selección que definió en el elemento de pantalla Selección desplegable en la pantalla Tipo de animal.
Haga clic en Siguiente.
Para cada caso, seleccione el contenido para mostrar cuando esa condición es verdadera.
Por ejemplo, agregue un botón Siguiente en el pie de página que lleve al cliente a la página Gato si seleccionó Gato como el tipo de animal.
1. Para agregar un botón que avanza a la pantalla de tipo animal, haga clic en Agregar contenido, amplíe Otros tipos de contenido y seleccione Pie de página.
2. Introduzca los detalles del pie de página, incluyendo “Siguiente” como etiqueta del botón y seleccionando la pantalla de tipo de animal en el campo Siguiente pantalla.
3. Haga clic en Siguiente.
  El modal Definir lógica de cambio y contenido condicional le guía por cada caso de modo que pueda configurar qué contenido mostrar. Para todos ellos, agregue el botón Siguiente que los lleva a la página del tipo de animal.
4. Cuando termine, haga clic en Guardar.
  En Propiedades de componente, el nodo Cambiar muestra los casos y el contenido resultante para cada caso.