Cómo añadir un checklist de onboarding a tu app sin programador
Un checklist de primeros pasos convierte el “¿y ahora qué?” en cuatro tareas claras con barra de progreso. En Clew escribes los puntos, enlazas cada uno a la página donde se hace y eliges quién ve la lista; el widget guarda el progreso en el navegador del usuario.
- Tiempo
- ● 15 minutos
- Precio
- Prueba gratis de 14 días, sin tarjeta
- Formato
- Checklist de onboarding
Qué es un checklist de Clew
El formato Checklist de onboarding es un panel compacto en una esquina de la pantalla: título, barra de progreso y Tareas del checklist. Cada punto tiene título, una descripción corta y un enlace opcional. Cuando el usuario hace clic en un punto, se marca y su enlace se abre en otra pestaña.
El progreso se guarda en el navegador del visitante, así que la lista recuerda lo hecho entre visitas en ese dispositivo. La finalización se cuenta cuando todos los puntos están marcados.
Qué poner en la lista
La configuración que desbloquea el valor
Conectar datos, crear el primer proyecto, invitar a un compañero: los tres o cuatro pasos tras los que el producto empieza a servir.
Enlaces directos a la pantalla correcta
Cada punto lleva a la página donde se hace, para que nadie busque en el menú.
Un tour detrás de un punto
Enlaza un punto a una página con ?tutorial=<slug> y ese tour arranca al llegar: el checklist se convierte en una guía interactiva.
Solo para quien lo necesita
Con una regla de audiencia, la lista la ven los usuarios en prueba o las cuentas que no terminaron la configuración, no todos para siempre.
Cómo añadir un checklist de onboarding en 5 pasos
- Paso 01
Copia tu snippet de Clew
Crea una cuenta gratis (o inicia sesión), añade tu sitio y abre Admin → Resumen. Haz clic en la línea de la tarjeta del widget para copiarla: ya lleva la clave real de tu sitio en lugar del marcador.
<!-- Clew: sustituye PEGA_AQUI_TU_CLAVE por la clave del sitio de Admin > Resumen --> <script src="https://tryclew.io/widget/PEGA_AQUI_TU_CLAVE.js" async></script>
Paso 1 · ilustración esquemática - Paso 02
Añade la línea a tu sitio una sola vez
Pega el snippet donde gestionas tu sitio. Cada guía lleva 5–10 minutos y no hay que repetirla: todo lo demás se hace en Clew.
Paso 2 · ilustración esquemática - Paso 03
Escribe los puntos del checklist en Clew
En Clew abre Flujos → + Nuevo flujo y elige Checklist de onboarding. Rellena Título del checklist y añade de 3 a 5 Tareas del checklist: un título que sea una acción, una línea de explicación y, en URL del enlace, la página donde se hace. No hacen falta selectores.
Paso 3 · ilustración esquemática - Paso 04
Elige dónde, cuándo y a quién se muestra
En el mismo editor, completa Dónde mostrarlo (URL de la página), Cuándo mostrarlo, Segmentación de audiencia y Frecuencia. Estos son los ajustes del ejemplo de arriba:
Ajuste Valor Formato Checklist de onboarding Dónde mostrarlo (URL de la página) Sección por prefijo /appCuándo mostrarlo Al cargar la página Segmentación de audiencia Propiedad planes igual atrialFrecuencia Una vez por visitante 
Paso 4 · ilustración esquemática - Paso 05
Publica y compruébalo en el sitio real
Pon Estado en Publicado y guarda. Abre la página en una ventana privada: Clew recuerda quién ya vio un elemento de “una vez”, así que tu navegador habitual puede saltárselo. Las vistas, finalizaciones y abandonos aparecen en las estadísticas.
Paso 5 · ilustración esquemática
Paso a paso: checklist de onboarding en tu plataforma
Elige la plataforma con la que está hecho tu sitio o tu app. Cada guía trae los pasos de inserción, un ejemplo con ajustes listos y los errores típicos de esa plataforma.
¿Es gratis?
Este formato forma parte del plan Pro. Cada cuenta nueva empieza con una prueba gratis de 14 días con todos los formatos y reglas de audiencia, sin tarjeta. Al terminar no se borra nada y lo publicado se sigue mostrando; los tours y tooltips siguen gratis en el plan Free.
Preguntas y respuestas
¿El checklist es gratis?
El formato checklist forma parte de Pro. Las cuentas nuevas tienen una prueba de 14 días con todos los formatos y reglas de audiencia, sin tarjeta; los tours y tooltips siguen gratis.
¿Los puntos se marcan solos cuando el usuario hace la tarea?
Todavía no: un punto se marca cuando el usuario hace clic en él, lo que además abre su enlace. El marcado por eventos de tu app está anunciado para más adelante; mientras tanto, redacta los puntos como acciones (“Crea tu primer proyecto”) para que el clic sea el paso natural.
¿El progreso se sincroniza entre dispositivos?
No. Se guarda en el navegador. Para la mayoría de onboardings basta: la gente configura el producto en el dispositivo con el que se registró.
¿Cómo oculto el checklist a quien ya terminó?
Envía una propiedad como onboarded con Clew.identify() y añade la regla Propiedad onboarded no es igual a true.