Checklists de Onboarding

Guía a cada nuevo usuario
hasta su primera victoria

Crea checklists in-app que acompañan a los usuarios en la configuración, siguen su progreso automáticamente,
y desaparecen cuando terminan. Sin código.

Convierte pasos de onboarding dispersos en un camino claro

Los checklists viven dentro de tu app web como un widget flotante. Cada ítem enlaza a una Guía o URL, y los usuarios avanzan a su propio ritmo. Cuando completan un paso, la barra de progreso se llena y el ítem obtiene un check. Tú controlas lo que 'completado' significa en cada paso: finalizar una guía, visitar una URL, alcanzar un evento personalizado o coincidir con una propiedad de usuario.

Lo construyes todo desde el panel de UserGuiding. Elige qué Guías van, define el orden, personaliza colores e ícono del launcher para que cuadren con tu UI, define criterios de finalización y publica. El checklist aparece en las páginas que elijas, para los usuarios que segmentes.

Qué puedes hacer con
Checklists de Onboarding

Crea flujos de onboarding in-app con criterios de finalización personalizados, personaliza con atributos de usuario y haz seguimiento de cada paso.

Construye y organiza los ítems del checklist

Añade Guías o URLs de página como ítems del checklist desde la pestaña Contenido
Reordena los ítems arrastrando para controlar la secuencia que siguen los usuarios
Define el título y la descripción de cada ítem independientemente de la Guía vinculada
Bloquea ítems para que los usuarios los completen en orden (progresión secuencial)
Desactiva la Progresión para casos no secuenciales como centros de ayuda o listas de FAQ

Define los criterios de finalización por ítem

Marca los ítems de Guía como completados cuando el usuario finaliza todos los pasos de la Guía ("Guide is Completed")
Marca los ítems de URL como completados cuando el usuario visita la página enlazada ("URL is Visited")
Establece la finalización según eventos personalizados o propiedades de usuario que envías a UserGuiding
Combina criterios para flujos complejos donde varias acciones indican finalización

Personaliza la apariencia y el launcher

Elige un color de tema, familia de fuente y título/subtítulo del checklist
Sube un ícono de launcher personalizado (PNG o JPEG) para que se integre con la UI de tu app
Añade texto junto al ícono del launcher para un contexto extra
Configura el checklist para que se abra por defecto al cargar la página, o solo cuando los usuarios hagan clic en el launcher
Activa una barra de progreso con íconos de check cuando la Progresión esté activada
Usa CSS para un control visual total en los planes Growth y Enterprise

Personaliza con atributos de usuario

Inserta atributos dinámicos como {{name}} o {{company}} en el título, subtítulo y texto del launcher del checklist
Añade personalización a los encabezados de ítems individuales
Usa valores de fallback con la sintaxis de pipe (ej.: {{name | there}}) para usuarios sin el atributo
El texto placeholder de la barra de búsqueda también admite atributos dinámicos

Segmenta a los usuarios adecuados

Muestra checklists a segmentos específicos de usuarios basados en atributos, eventos o comportamiento
Segmenta por URL de página para que el checklist solo aparezca en páginas relevantes
Usa "DaysPassedAfterSignedUp" o propiedades similares para segmentar solo a usuarios nuevos
Encadena checklists: exige la finalización del primero antes de mostrar un segundo mediante reglas de segmentación
Establece la audiencia en "Only Me" para probar internamente antes de salir en vivo

Controla la visibilidad y el ciclo de vida

Configura el checklist para que se oculte automáticamente cuando todos los ítems estén completados ("Hide as Completed")
Permite que los usuarios descarten el checklist con una opción de cierre
Mantén el checklist visible incluso tras la finalización como referencia persistente
Elige la frecuencia de aparición: una vez por sesión, siempre, o hasta completarse
Ejecuta varios checklists en la misma URL si cada uno se dirige a un segmento distinto
Lanza u oculta checklists programáticamente mediante la JavaScript API (launchChecklist, expandChecklist, collapseChecklist, hideChecklist)

Sigue el rendimiento con analíticas integradas

Revisa Total Interactions, Total Completions y Completion Rate en la pestaña Reports de cada checklist
Filtra analíticas por rango de fechas con intervalos diarios, semanales o mensuales
Ve el desglose de interacción por ítem en un gráfico de tarta y una tabla clasificada
Exporta la lista de usuarios que interactuaron con un checklist como CSV con columnas de atributos personalizados
Usa getChecklistCompletionInfo() mediante la JS API para consultar el estado de finalización del usuario actual

Preguntas Frecuentes

¿Puedo añadir diferentes acciones que quiero que mis usuarios realicen en mi plataforma como pasos de checklist?

Sí, puedes enviar eventos personalizados como atributos a UserGuiding y luego añadirlos a tu checklist para que, cuando un usuario lo complete, se compruebe automáticamente.

¿Puedo cambiar el tamaño y la posición del checklist en mi página?

Puede cambiar la posición del checklist en la configuración, y para cambiar su tamaño tendrá que utilizar este comando CSS personalizado:

#checklist-content-container { width: [number of pixels you want]px; }

¿Cómo pueden ayudarme los checklists de onboarding a aumentar las conversiones de pruebas?

Los checklists muestran a los usuarios en qué punto del proceso de onboarding se encuentran y qué otros pasos deben seguir para obtener el máximo valor de la plataforma. Así, al eliminar cualquier confusión sobre los pasos siguientes, se les anima a completar el proceso de onboarding y es más probable que se conviertan en clientes.

¿Puedo hacer un seguimiento del rendimiento de mi checklist con UserGuiding?

Sí, puede ver los usuarios que han interactuado con su checklist y que la han completado, así como el índice de finalización del checklist y de las guías específicas que contiene.

¿Necesito saber programar para crear un checklist de onboarding para mis usuarios?

Con UserGuiding, no tiene que hacerlo. Basta con crear sus guías o añadir sus eventos personalizados a través de integraciones y crear un checklist con los pasos que desee, todo ello sin escribir una sola línea de código.

¿Qué es un checklist de onboarding?

Un checklist de onboarding es un widget interactivo en la aplicación que muestra a los usuarios qué hacer en su viaje de onboarding y cuál es su progreso.

Guía a cada nuevo usuario
hasta su primera victoria

Convierte pasos de onboarding dispersos en un camino claro

Qué puedes hacer con
Checklists de Onboarding

Construye y organiza los ítems del checklist