De nuestros 4 patrones de flujo principales, los modales y los deslizables son los que dan la bienvenida y anuncian los mensajes a tus usuarios a través de tu aplicación. Su objetivo es captar la atención de tus usuarios para que no se pierdan ninguna actualización importante.

Modales

Experiencias grandes que ocupan toda la pantalla. Al tener más espacio, son ideales para brindar contexto a los usuarios al inicio del flujo.

Los patrones modales admiten tres tipos diferentes en el menú desplegable Tipo.

Estándar: muestra el contenido en el medio de la pantalla con su aplicación enmascarada detrás de él.

Barra lateral: desliza el contenido desde el costado de la pantalla con su aplicación enmascarada en el fondo.

Pantalla completa: muestra el contenido en el medio de la pantalla con un fondo de cobertura total para que la aplicación no sea visible.

Toboganes

Una forma más pequeña y menos intrusiva de comunicar tu mensaje. Ideal para anunciar lanzamientos menores, recopilar opiniones sobre productos o impulsar a los usuarios a realizar acciones específicas.

Los patrones deslizables admiten nueve posiciones diferentes desde donde se deslizan. Por defecto, los deslizables se muestran desde la esquina inferior izquierda, pero puedes elegir cualquier otra posición en la pantalla.

Color de fondo

Puedes definir el color de fondo de tus ventanas modales y deslizables en el tema que uses. También puedes configurar el color de la fuente principal aquí.

Fondo

Puedes configurar el color y añadir o eliminar un fondo para tus ventanas modales y deslizables en el tema que uses. Esto se realiza en la pestaña Patrón, en la configuración de ventanas modales y deslizables. Si configuras la opacidad al 0 %, no habrá fondo; si la configuras al 100 %, el fondo cubrirá completamente la aplicación.

La presencia de un fondo de pantalla impedirá que los usuarios interactúen con los elementos de su aplicación.

Puedes habilitar o deshabilitar el fondo de los elementos deslizables en el Constructor. La configuración del fondo modal solo está disponible en el Tema.

Barra de progreso

Puede mostrar una barra horizontal para que los usuarios sigan su progreso en el flujo. La barra de progreso solo se mantiene en los mismos tipos de pasos de grupo (solo modales y deslizables).

Omitible o requerido

Los patrones modales y deslizables admiten un interruptor omitible directamente en el builder Appcues . Esto permite agregar una X omitible en la esquina superior derecha del contenedor de contenido. Cuando un usuario hace clic en la X, se registrarán las opciones de recorrido del usuario con los eventos " step_skipped" y " flow_skipped" .

Progresión de pasos

Tanto los modales como los deslizables requieren un botón para avanzar al siguiente paso o para que se consideren completados o descartados. Si estos pasos no tienen un botón, pero hay más pasos después, el usuario no podrá seguir viendo el flujo.

Finalización de pasos

En términos de orientar este tipo de pasos en sus páginas de configuración, los modales y los deslizables se consideran completados cuando se ven , por lo que en la interfaz de usuario, esos tipos de pasos se mostrarán como "se ha visto/no se ha visto".

En términos de análisis , los paneles modales y deslizables se consideran "completados" cuando se descarta el último paso del grupo haciendo clic en el botón "Siguiente paso". Los paneles modales y deslizables también se pueden completar mediante un botón personalizado con cualquiera de las siguientes acciones:

• "Ir a URL" con la casilla de verificación "Marcar flujo en progreso como completo" seleccionada
• "Siguiente paso" cuando estás en el último paso del grupo
• "Saltar al siguiente grupo" (completa el flujo cuando este es el último grupo de pasos del flujo)
• "Descartar flujo" con la casilla de verificación "Marcar flujo en progreso como completo" seleccionada
• Flujo Appcues activación