De nuestros 4 patrones de flujo principales, las descripciones emergentes y los puntos de acceso son los que guían a los usuarios a través de la aplicación. Su objetivo es atraer la atención de los usuarios hacia un elemento o área específica. Por ello, el Constructor te permite controlar dónde quieres adjuntar estos patrones a tu aplicación.

Información sobre herramientas

Indicadores de próxima acción. Las descripciones emergentes son ideales para guiar secuencias y guías. Con tooltips , puedes destacar una función útil en tu sitio web o indicar a los usuarios dónde hacer clic a continuación.

Puntos calientes

Guías útiles en tu producto. Ideales para descubrir funciones de forma pasiva. Usa hotspots para ofrecer a tus usuarios orientación o consejos a demanda, o para indicarles pequeños cambios en la interfaz de usuario.

Los puntos de acceso son únicos porque puedes tener varios visibles en la página al mismo tiempo, aunque solo se puede expandir uno a la vez.

Color de fondo

Puedes definir el color de fondo de tus descripciones emergentes y puntos de acceso en el tema que estés usando. También puedes configurar el color de la fuente principal, así como el radio del borde y la sombra del contenedor.

Faro

Las descripciones emergentes pueden no tener baliza, tener una baliza de punto de acceso (seleccionada a continuación) o una baliza con signo de interrogación. Los puntos de acceso tendrán una baliza de punto de acceso por defecto, pero también pueden tener una baliza con signo de interrogación.

Puedes configurar la configuración global de tu baliza, como el ícono, el color y la animación, directamente en tu tema.

Fondo

La configuración del fondo solo se admite en las descripciones emergentes. Puede añadir un fondo suave (como se muestra a continuación) o uno duro sin fondo. La presencia de un fondo impedirá que los usuarios interactúen con los elementos de la aplicación.

También puede ajustar el relleno horizontal y vertical del fondo, así como el radio del borde en la pestaña Diseño.

El color y la opacidad del fondo están configurados por defecto. Si desea cambiarlos, deberá agregar CSS personalizado a la hoja de estilos de su aplicación usando el selector .apc-spotlight

Omitible o requerido

Los patrones de información sobre herramientas y puntos de acceso admiten opciones de omisión en el builder Appcues . Esto permite añadir una X omitible en la esquina superior derecha de la información sobre herramientas (no disponible en puntos de acceso) o un enlace para descartar. Cuando un usuario hace clic en "x" u "Ocultar estas sugerencias", finalizamos el flujo y registramos las elecciones del usuario con un evento "step_skipped" y un evento "flow_skipped" .

El enlace de descarte añade un enlace "Ocultar estos consejos" a tu información sobre herramientas o punto de acceso. Las opciones de omisión se pueden personalizar aún más con CSS personalizado en tu tema .

Progresión de la información sobre herramientas

Hay dos maneras de usar tooltips en un flujo. Una tooltip puede usarse con un botón "Siguiente" o sin botones, lo que resulta en una experiencia diferente:

• Si se utiliza una tooltip con un botón "siguiente", el flujo avanzará haciendo clic en "siguiente".

• Si se usa una tooltip sin botón, el flujo avanzará haciendo clic en el elemento al que apunta. Estas tooltips se basan en acciones.

Completar información sobre herramientas

En cuanto a la selección de este tipo de pasos en las páginas de configuración, las descripciones emergentes se consideran completadas cuando el usuario ha interactuado con ellas , por lo que en la interfaz de usuario, estos pasos se mostrarán como "completados". Al continuar el flujo haciendo clic en "Siguiente", haciendo clic en el elemento de destino o cerrando el flujo, se marcará una descripción emergente como completada.

En términos de análisis , las descripciones emergentes se consideran completadas cuando se cierra la tooltip del grupo mediante el botón "Siguiente paso" (no el enlace de salto ni el botón X). También se pueden completar con un botón personalizado mediante 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 de activadores Appcues

Nota: Si no hay un botón en la tooltip con la acción "Siguiente paso", al hacer clic en el elemento al que se ha anclado la tooltip el flujo avanzará al siguiente paso. Si este es el último paso del flujo, este se completará.

Progresión del punto caliente

Los puntos de acceso agrupados se mostrarán simultáneamente en la página. En la siguiente captura de pantalla, se muestra un grupo de dos puntos de acceso y un grupo de pasos de puntos de acceso.

Cuando este flujo esté activo, los dos primeros puntos de acceso se mostrarán simultáneamente en la página. Estos puntos de acceso se pueden expandir en cualquier orden y desaparecerán al ser vistos. El tercer punto de acceso (en la captura de pantalla anterior) solo se mostrará después de completar el grupo anterior.

Debido a esta naturaleza, los botones "siguiente" no son compatibles con los puntos de acceso.

Finalización del punto de acceso

En cuanto a la segmentación de este tipo de pasos en las páginas de configuración, los puntos de acceso se consideran completados cuando el usuario ha interactuado con ellos , por lo que en la interfaz de usuario, estos pasos se mostrarán como "completados". Al continuar el flujo expandiendo la baliza o cerrándolo, se marcará un punto de acceso como completado.

En términos de análisis , los puntos de acceso se consideran completados cuando se hace clic en el último punto de acceso restante del grupo para expandirlo. No es necesario cerrarlo ni contraerlo para que el grupo se considere completado, siempre que se haya expandido el último punto de acceso. También se pueden completar con un botón personalizado mediante cualquiera de las siguientes acciones:

• "Ir a URL" con la casilla de verificación "Marcar flujo en progreso como completo" seleccionada
• "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