Clew

Cómo configurar el onboarding de usuarios sin programador

Un buen onboarding no es un tour largo. Es una bienvenida corta, una primera acción guiada y una lista para la siguiente visita. Clew te da los tres formatos en un editor, con reglas de quién ve qué y un embudo que muestra dónde se atascan los usuarios nuevos.

Tiempo
● 40 minutos
Precio
Tours gratis · resto con prueba de 14 días
Formato
Tooltips paso a paso + Ventana modal + Checklist de onboarding

De qué se compone el onboarding en Clew

Un flujo de onboarding en Clew son varios elementos que siguen el camino del usuario:

  • un popup de bienvenida (Ventana modal) en la primera pantalla, una vez por visitante;
  • un tour de producto (Tooltips paso a paso) en la pantalla donde se crea el primer resultado, que arranca cuando el usuario llega;
  • un checklist (Checklist de onboarding) desde la segunda visita, con las tareas de configuración pendientes.

Cada elemento tiene su regla de URL, su disparador y su audiencia, así que el flujo se adapta a dónde está el usuario en vez de soltarle un tour de 12 pasos al cargar.

Un popup de bienvenida, un tooltip de tour y un panel de checklist como tres etapas del onboarding
ilustración esquemática

Cómo diseñarlo

Empieza por el primer resultado

Apunta la única acción tras la cual el producto es útil. El tour existe solo para llevar a la gente hasta ahí.

Bienvenida en una frase

El popup dice qué va a conseguir el usuario y lo manda a esa pantalla. Sin lista de funciones.

El resto, para después

Invitaciones, integraciones y ajustes van al checklist de la segunda visita.

Revisa el embudo cada semana

Si casi todos cierran la bienvenida, acórtala; si abandonan en el paso 2 del tour, lo confuso es la pantalla.

Cómo montar un flujo de onboarding en 5 pasos

  1. 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>
    Resumen del admin de Clew con la línea de inserción y la clave del sitio oculta
    Paso 1 · ilustración esquemática
  2. 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.

    Dónde está el campo de código del head en los constructores más usados
    Paso 2 · ilustración esquemática
  3. Paso 03

    Crea los tres elementos del onboarding

    En Flujos crea tres elementos: un Ventana modal con una frase de bienvenida y un enlace a la pantalla clave; un tour Tooltips paso a paso de 3–4 pasos en esa pantalla, hecho con Editar en tu sitio y Elegir elemento; y un Checklist de onboarding con las tareas de configuración restantes.

    Un popup de bienvenida, un tooltip de tour y un panel de checklist como tres etapas del onboarding
    Paso 3 · ilustración esquemática
  4. 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:

    AjusteValor
    Popup de bienvenida
    FormatoVentana modal
    Dónde mostrarlo (URL de la página)Ruta exacta /app
    Cuándo mostrarloAl cargar la página
    Segmentación de audienciaSin reglas: todos los que abren la página
    FrecuenciaUna vez por visitante
    Tour de producto
    FormatoTooltips paso a paso
    Dónde mostrarlo (URL de la página)Sección por prefijo /app/projects
    Cuándo mostrarloAl cargar la página
    Segmentación de audienciaSin reglas: todos los que abren la página
    FrecuenciaUna vez por visitante
    Checklist
    FormatoChecklist de onboarding
    Dónde mostrarlo (URL de la página)Sección por prefijo /app
    Cuándo mostrarloEn la visita número N: 2
    Segmentación de audienciaSin reglas: todos los que abren la página
    FrecuenciaUna vez por visitante
    Editor de tours de Clew con el formato, la regla de URL, el disparador y la regla de audiencia
    Paso 4 · ilustración esquemática
  5. 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.

    Resumen del admin de Clew con la tarjeta verde de widget activo
    Paso 5 · ilustración esquemática

Paso a paso: onboarding de usuarios 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?

La parte del tour de producto es gratis en el plan Free (hasta 3 publicados). Modal, Checklist y las reglas de audiencia forman parte de Pro: cada cuenta nueva tiene una prueba de 14 días con todo incluido, sin tarjeta. Al terminar la prueba no se borra nada y lo publicado se sigue mostrando.

Preguntas y respuestas

¿Es gratis?

La parte del tour es gratis en el plan Free (hasta 3 publicados). Modal, Checklist y las reglas de audiencia están en Pro; cada cuenta nueva tiene una prueba de 14 días con todo, sin tarjeta.

¿Cómo muestro el onboarding solo a usuarios nuevos?

Sin código: Una vez por visitante y páginas que solo abren los nuevos. Con tu app: envía una propiedad como signed_up_at u onboarded con Clew.identify() y añade una regla de audiencia.

¿Los elementos van en secuencia?

Siguen la navegación del usuario: la bienvenida en la primera pantalla, el tour cuando abre la siguiente y el checklist en una visita posterior. Solo hay un elemento en pantalla a la vez.

¿En qué se diferencia de un tour de producto?

El tour es un formato. El onboarding es todo el camino de la primera sesión, y el tour suele ser su parte central.

Una línea en tu sitio y, después, tours, tooltips y checklists sin releases.

Obtener mi clave gratisCómo funciona ClewPlan gratuito para siempre, sin tarjeta

Tours de producto, popups y onboarding en la era de la IA

7 patrones con número de pasos, reglas de texto y métricas, lo que cambia la IA y una lista antes de publicar. PDF, 2 páginas. Qué incluye →

La guía está en inglés.