Una vez que haya decidido usar Launchpad, puede decidir qué método de instalación usará según el grado de personalización que desee. La instalación estándar de Launchpad ofrece estas características:

• Facilidad de implementación (¡utilice nuestros códigos de instalación estándar!)
• Personalización LIMITADA (¿Quieres capacidades de personalización completas? ¡Prueba nuestra instalación personalizada de Launchpad !)
• Contexto de soporte rápido si es necesario

Proceso de instalación

1. Agrega un elemento HTML a tu sitio donde residirá Launchpad

//Note that the id can be anything you'd like
<div id="my-launchpad"></div>

2. Cree una instancia de Launchpad para el visitante actual Appcues con el siguiente JS:

Appcues.loadLaunchpad("#my-launchpad", {
	//Optionally specify the position of the content relative to the Launchpad icon. Possible values are as followed: 
	//	- center (default value, ie bottom-center)
	//	- left (ie bottom-left)
	//	- right (ie bottom-right)
	//	- top (ie top-center)
	//	- top-left
	//	- top-right
	position: "left", 
	// Optionally add a header or footer. This must be HTML.
	header: "<h1>Tutorials</h1>",     
	footer: "<p>Your footer here</p>",
	// And if you'd prefer to use a custom icon rather than the default "bell" icon, you can optionally pass 
        // in an icon as well. Make sure that src is set to the right resource, whether it's in your site's directory or hosted
	icon: "icon.png"
});

Segmentación y personalización

Una vez activada la función en tu cuenta, verás nuevas opciones en la interfaz de usuario de la página de configuración de flujos. Los flujos publicados en tu cuenta no se mostrarán automáticamente en Launchpad. Deberás configurarlos explícitamente para que se muestren en Launchpad.

Los flujos configurados para mostrar el Launchpad, pero que ya hayan sido vistos por un usuario, se mostrarán debajo del mensaje "No hay nada nuevo que ver aquí". El icono del Launchpad solo mostrará la "insignia del contador" si hay contenido nuevo sin ver.

Personalización

Modificar el icono

De forma predeterminada, añadiremos un icono de campana, pero también puedes usar el tuyo propio pasándolo a la función .loadLaunchpad del SDK de Appcues . Consulta las instrucciones de instalación anteriores para ver un ejemplo.

Modificar la copia

Puedes agregar CSS personalizado a tu página para ocultar la fecha y/o los elementos "nada nuevo que ver aquí" que ves a continuación.

Eliminar el mensaje "Nada nuevo que ver":

li.appcues-nothing-new {
	display: none;
}

Quitar la fecha

a[data-itemid] time {
	display: none;
}

Eliminar el recuento de flujos 'no leídos'

.appcues-widget-icon:after {
	display: none !important;
}

Ocultar el icono del Launchpad cuando no haya nada nuevo que ver

.appcues-widget-icon[data-appcues-count="0"]::after {
    display: none;
}

Agregue una sombra paralela (este es un ejemplo, siéntase libre de cambiar los parámetros opcionales para que coincidan con su marca: offset-x offset-y blur-radius color)

.appcues-widget-dropdown {
	filter: drop-shadow(4px 4px 3px #D7D7FF);
}

Nota : Si decide usar CSS para modificar aún más la apariencia de Launchpad, estamos a su disposición, pero asegúrese de aplicar estilo tanto a los elementos "leídos" como a los "no leídos" para garantizar que funcionen correctamente.

Como siempre, si tiene preguntas sobre lo anterior, comuníquese con nosotros a support@appcues.com. ¡Estaremos encantados de ayudarle!

Cambiar el orden en que se enumeran los flujos

Actualmente, Launchpad utiliza el orden de los flujos publicados como prioridad. Para ajustar el orden de los flujos en Launchpad, vuelva a publicarlos. El flujo publicado más recientemente aparecerá al principio de su sección (no vistos vs. vistos) y el flujo publicado menos recientemente, al final de la lista.