Cómo crear un Launchpad

Para crear un nuevo Launchpad , primero haga clic en el enlace en el menú de navegación principal de Appcues Studio.

Luego haga clic en Crear Launchpad.

Serás llevado a la página builder de Launchpad, donde podrás elegir el comportamiento del iniciador:

• Flotante: un ícono que se ubica en la parte superior de la página y permanece en la misma posición absoluta mientras se desplaza.
• En línea: Un icono que se integrará en la página y se posicionará en relación con otros elementos. Usa esta opción si quieres que el Launchpad se integre de forma más nativa con el resto de la interfaz de navegación de tu aplicación.

A continuación, proporcione un nombre para el nuevo Launchpad y haga clic en Crear .

Ubicación de la baliza de la plataforma de lanzamiento

Flotante

launchpads flotantes se pueden configurar para que se muestren a la izquierda o a la derecha de la página. La baliza se mostrará en la esquina inferior del lado seleccionado y la distancia desde el lado se puede ajustar para incluir otros elementos visuales en esa área.

En línea

Con launchpads en línea , verás la opción "Establecer ubicación del launcher" en el panel de configuración. Al hacer clic aquí, accederás a la extensión de Chrome Appcues , donde colocarás el icono en la página. Si aún no lo has hecho, puedes descargar la extensión aquí .

Al hacer clic en Establecer ubicación del iniciador, primero se le solicitará que complete la URL de vista previa donde desea colocar su ícono.

Al seleccionar un elemento de destino, se mostrará el panel de ajuste de posición. Este panel permite seleccionar la opción de incrustación, personalizar el selector CSS y ajustar la posición.

Opciones de incrustación:

• En línea a la izquierda : la baliza launchpad se mostrará a la izquierda del contenido dentro del selector de destino
• En línea a la derecha : la baliza launchpad se mostrará a la derecha del contenido dentro del selector de destino
• Superpuesto : la baliza del panel launchpad se superpondrá sobre el contenido de la página en el área del selector de destino

Bloques de contenido

Para empezar a añadir contenido al centro de contenido, haz clic en el icono azul " + " en el panel de vista previa. Puedes añadir:

• Un bloque de enlaces , que consta de grupos de enlaces externos (por ejemplo, el blog de su empresa) o para lanzar flujos individuales
• Un bloque de lista de flujo , que consiste en una lista generada dinámicamente de flujos publicados para los que el usuario califica.

Bloque de enlaces

Los elementos dentro de un bloque de enlaces se pueden organizar como una lista vertical o una cuadrícula horizontal.

Haga clic en el icono del lápiz en un elemento de la Lista de enlaces para editar su nombre y comportamiento. Un elemento puede ser un enlace externo (Ir a URL).

O puede activar un flujo Appcues publicado (flujo de activación).

Bloque de lista de flujos

Un bloque de lista de flujo consta de una lista generada dinámicamente de flujos publicados para los que el usuario califica.

En la pestaña Contenido , puedes controlar el orden en que se mostrarán los flujos (según su prioridad o su actualización más reciente). También puedes personalizar el número máximo de flujos que se mostrarán.

En la pestaña Lista de flujos , puede ver una vista previa de los flujos que aparecerán para sus usuarios (asumiendo que un usuario calificaría para cada flujo publicado).

Estilo

Haz clic en el icono de Configuración en el panel superior izquierdo para personalizar el icono principal y el contenedor. Puedes establecer un color principal y uno secundario, cambiar la fuente y el radio del borde del contenedor.

El color principal es el color de fondo. El color secundario se aplica a la fuente del contenido dentro del Launchpad.

Título

Haga clic en el título del panel de lanzamiento para editarlo a su gusto. El color de la fuente y la opción de cerrar con una "x" se determinan dinámicamente según el color de fondo para garantizar un alto contraste y una legibilidad óptima.

Estilo de baliza

Haga clic en la baliza para abrir el menú de estilo.

Faro

Puede cambiar el relleno, el color y el radio del borde de la baliza.

Etiqueta

Si activa la opción de etiqueta, la baliza contendrá un texto de etiqueta según el icono seleccionado. Puede cambiar el color, el tamaño y el estilo del texto.

Icono

Puedes elegir un icono de ayuda, de chat o personalizado (subir en formato SVG). Puedes cambiar el color y el tamaño del icono. Si tienes una etiqueta activada, puedes desactivar el icono y viceversa.

Estilo del bloque de enlaces

Para un estilo de lista , puede personalizar la forma y el color de las viñetas.

Para un estilo de cuadrícula , puede personalizar el tamaño del ícono y el color de fondo.

Estilo de bloque de flujos

En la pestaña Estilos , puedes personalizar el estilo y el color de las viñetas.

Interacción entre el ícono del panel de lanzamiento y el ícono checklist

Si el ícono de inicio de un Launchpad y una lista de verificación Appcues aparecieran en la misma ubicación en la página e interfirieran entre sí, Appcues fusionará los dos íconos, como se muestra a continuación:

Al hacer clic en Comenzar, la checklist se expandirá:

Al hacer clic en el ícono del Launchpad (?), el Launchpad se expandirá:

Si un usuario califica tanto para Launchpad como para Checklist, pero los íconos aparecen en diferentes partes de la página, se mostrarán como íconos separados.