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

Más de 1000 equipos escalan con éxito con UserGuiding

Únase a ellos y dé el primer paso hacia el crecimiento.
Comience su prueba gratuita hoy mismo con confianza.

Donde UserGuiding se une a tu pila de IA

Cuatro formas en las que UG funciona bien con las herramientas de IA que tu equipo ya usa.

Asistente de IA

Responda a las preguntas de los usuarios con IA capacitada en su producto, documentos de ayuda y tono de voz.

MCP Server

Conecta Claude, Cursor y Codex a los datos de tus productos con 17 herramientas, sin integraciones personalizadas.

Análisis sin código

Realice un seguimiento de los clics, los desplazamientos del ratón, el enfoque, las entradas y las páginas vistas sin escribir una línea de código.

Pregúntale a AI

Agregue un panel de chat dentro de su base de conocimientos que responda a las preguntas de los usuarios con citas de sus artículos publicados.

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: [número de píxeles deseado]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.