Guías in-app · onboarding

Haz el onboarding de tus usuarios. Descubre si funcionó.

Tours, checklists y anuncios — construidos en el producto y renderizados por el SDK de analítica que ya usas. Sin segundo proveedor, sin segunda etiqueta. Y porque cada paso llega a la columna vertebral, una guía queda conectada a la activación y los ingresos que generó — no aislada en una herramienta de onboarding que no ve tu dinero.

~3,8 KB de chunk lazy · Shadow DOM · DNT/GPC respetados

Un motor, tres modos

Tours, checklists, anuncios

El mismo renderizador ligero hace las tres cosas. Elige el modo que se ajusta al momento. Haz clic para explorarlos.

Tour

Recorrido anclado y de varios pasos

  • Destaca un elemento, paso a paso
  • Ancla cada paso a un selector con una ubicación
  • Un botón de acción puede avanzar o llevar a un enlace directo

Checklist

Una lista de tareas que se completa sola

  • Cada paso se marca automáticamente a partir de un evento real del producto
  • Sin progreso autodeclarado — el producto es la fuente de verdad
  • Perfecta para una lista de activación del tipo "primeros pasos"

Datos de ejemplo

Anuncio

Un modal o banner, mostrado una vez

  • Publica una nota de changelog, un aviso o un recordatorio
  • Ubicación en modal o banner, se puede cerrar
  • Frecuencia: una vez o siempre

Por qué la nuestra, y no una herramienta puntual

Una guía que sabe lo que valió.

Las herramientas de onboarding independientes pueden decirte que se completó un checklist. No pueden decirte que las cuentas que lo completaron se activaron más rápido y pagan más — sus datos nunca se encuentran con tus ingresos. Aquí es un solo registro.

  • El engagement llega a la columna vertebral

    Cada vista, paso y finalización es un evento guide.* en el mismo flujo analytics_event que el resto de tu producto — conectado a la cuenta del cliente al escribirse.

  • Activación, no solo clics

    Como los pasos del checklist se completan a partir de eventos reales del producto, "checklist terminado" significa que el usuario realmente hizo la acción que activa — así que el embudo de guía a activación es real, no una métrica de vanidad.

  • El MRR detrás del flujo

    El rendimiento por guía lleva los ingresos de las cuentas que interactuaron — así que "¿vale la pena mantener este flujo de onboarding?" se responde junto a las cifras, no en una herramienta separada.

Entrega

Viaja en tu SDK de analítica. Nada más que instalar.

Si ya usas el SDK de product-analytics, las guías están a solo un flag de distancia. El renderizador es un chunk aparte que solo se carga cuando hay una guía para mostrar — los visitantes que nunca ven una nunca pagan los bytes.

  • Un chunk comprimido con gzip de ~3,8 KB, cargado de forma diferida solo con init({ guides: true }) — el núcleo de analítica se mantiene ligero.
  • Renderizado en una superposición Shadow DOM — aislamiento frente a CSS hostil, así los reinicios de tu página no pueden romper una guía y sus estilos no pueden filtrarse a tu página.
  • Sin framework, sin dependencias — DOM vanilla. Respeta Do Not Track y Global Privacy Control como todo SDK de ProductOS, y el mismo opt-out de una sola llamada.

Activar las guías · un flag

ProductOSPA.init({
  productKey: "pk_live_…",
  guides: true
});

El mismo SDK que tu analítica de producto. Las guías activas se obtienen al arrancar, se comparan con la página y se renderizan. ~3,8 KB, medido.

Creación

Constrúyela en el producto. Publícala en vivo.

No hay código que enviar para lanzar una guía. Compónla en el builder, segméntala y publícala — el SDK la recoge en la siguiente carga.

  • Compón los pasos

    Título, cuerpo, contenido multimedia y un botón de acción por paso — ordenados, editados en línea.

  • Segméntala

    Reglas de URL (exacta, prefijo, contiene o cualquiera) y frecuencia (una vez o siempre). Define un color de acento y la ubicación en modal o banner.

  • Borrador → en vivo

    Guarda como borrador, revisa la vista previa y luego cambia el estado a en vivo. El SDK solo lee las guías en vivo — los borradores se quedan en el builder.

  • Observa su rendimiento

    Expande cualquier guía para ver su rendimiento — vistas, finalización y los ingresos de las cuentas que interactuaron.

El builder real — tres guías en vivo en el espacio de trabajo de demostración de Brightline · Datos de ejemplo

Dónde están los límites — con claridad

  • Solo web. Las guías se renderizan a través del SDK web de product-analytics. Las guías nativas para móvil están en la hoja de ruta, no lanzadas.
  • Tres tipos de guía, no una suite completa. Tours, checklists y anuncios están disponibles hoy. Las encuestas de NPS y CSAT se entregan por separado, en Insights; un centro de recursos integrado sigue en la hoja de ruta.
  • La segmentación es por URL + frecuencia. Hoy, coincidencia de página y una vez/siempre; la finalización está dirigida por eventos. La segmentación conductual completa de quién ve qué llega después.

Empieza aquí

Haz el onboarding de tus usuarios sin hacer el onboarding de otro proveedor.

Activa un flag y lanza un tour, un checklist o un anuncio hoy mismo — luego observa cómo impulsa la activación, junto a los ingresos que generó.

Preguntas frecuentes

Preguntas, respondidas

¿Qué son las guías in-app en AIOProductOS?

Tres cosas, un solo motor: tours (recorridos anclados y de varios pasos, con foco), checklists (listas de tareas que se marcan automáticamente según la actividad real del producto) y anuncios (un modal o banner mostrado una vez). Los construyes en el producto y el SDK Product Analytics los renderiza en tu propio sitio — sin un proveedor de onboarding separado.

¿Es una alternativa a Pendo, Appcues o Chameleon?

Para tours, checklists y anuncios, sí — y es el mismo SDK que tu analítica, así que no hay segunda etiqueta ni factura de proveedor separada. La diferencia es la columna vertebral: el engagement de las guías se une a la activación y los ingresos en el mismo registro de cliente, así que "¿este flujo de onboarding realmente impulsó la activación y el MRR retenido?" es una consulta, no un estudio separado. Las encuestas de NPS y CSAT también se entregan — en Insights, ponderadas por los ingresos detrás de cada respuesta. Un centro de recursos integrado es la única pieza que sigue en la hoja de ruta.

¿Qué tan pesado es, y ralentizará mi sitio?

El renderizador de guías es un chunk aparte, comprimido con gzip, de ~3,8 KB, cargado de forma diferida solo cuando defines init({ guides: true }) — nunca afecta a los visitantes que no ven una guía. Se ejecuta en una superposición Shadow DOM, así que tu CSS no puede romperlo y sus estilos no pueden filtrarse a tu página.

¿Cómo saben los checklists cuándo se completó un paso?

Un paso de checklist se completa a partir de un evento real del producto — una clave de función o un nombre de evento que ya rastreas. El usuario hace la acción en tu producto y el elemento se marca solo; no le estás pidiendo que autodeclare su progreso.

¿Quién construye las guías, y dónde?

Cualquier miembro del equipo, en el builder integrado en el producto — elige un tipo, añade pasos (título, cuerpo, contenido multimedia, un botón de acción), define la segmentación por URL y frecuencia, guarda como borrador y luego publícala en vivo. El SDK solo lee las guías en vivo; los borradores nunca salen del builder.