Cómo Configurar el Flujo y la Lógica de Ramificación del Quiz
Flow es el mapa de tu quiz. Cada paso aparece como una tarjeta y dibujas conexiones que muestran adónde van los encuestados después de interacciones específicas.
Usa Flow después de tener contenido de preguntas en Builder y antes de enviar tráfico de producción.
Antes de Empezar
Asegúrate de tener:
- Al menos dos pasos en el quiz (Flow necesita un recorrido, no una sola pantalla).
- Elementos interactivos configurados en Builder (botones, opciones o imágenes con acciones ir a paso / continuar).
- Pasos nombrados en la barra para que las tarjetas de Flow sean legibles.
- Vista previa disponible para recorrer cada rama después de enlazar.
Consulta Flow de Quiz (referencia).
Paso 1: Preparar Pasos en Builder
- Abre el quiz en Quiz Builder.
- Confirma que cada paso que debe recibir tráfico tiene:
- Un nombre claro en la barra de pasos (
Intro,P1,Resultado B, etc.) - Al menos un elemento interactivo (botón, opción de quiz, texto/imagen con enlace)
- Un nombre claro en la barra de pasos (
- Guarda antes de cambiar a Flow.
Si tienes menos de dos pasos, Flow muestra un mensaje para agregar más pasos primero.
Paso 2: Abrir la Vista Flow
- Haz clic en Flow en el encabezado del editor de quiz.
- Revisa las tarjetas de paso dispuestas en el canvas.
- Identifica el paso de entrada (donde empiezan los visitantes) y los pasos de resultado (donde deben terminar las rutas).
Flow ofrece una vista del recorrido completo que el Builder solo no puede mostrar.
Paso 3: Conectar Interacciones a Pasos Destino
Para cada rama que necesites:
- En una tarjeta de paso, encuentra el conector saliente de una interacción (botón, opción, etc.).
- Arrastra un enlace al lado entrante de otra tarjeta de paso.
- Suelta para crear la conexión.
- Repite hasta que cada elección dirija al siguiente paso o resultado correcto.
Las interacciones soportadas comúnmente incluyen:
- Botones con acciones continuar / ir-a-paso
- Opciones de quiz que avanzan al seleccionar
- Texto o imágenes configurados para navegación (cuando esté habilitado en Builder)
Los controles exactos aparecen cuando seleccionas un elemento que soporta navegación en Builder primero.
Paso 4: Validar la Lógica de Ramificación
Revisa el mapa para:
| Verificación | Por qué |
|---|---|
| Cada paso tiene un enlace entrante (excepto entrada) | Los huérfanos significan que los visitantes nunca llegan a ese paso. |
| Cada ruta termina en un resultado, formulario o salida | Los callejones sin salida frustran usuarios y rompen el seguimiento. |
| Sin bucles no intencionados | El producto puede bloquear ciclos que confunden el analytics. |
| Rutas mobile coinciden con desktop | Los mismos enlaces deben funcionar después de Vista previa en ancho de teléfono. |
Vuelve a abrir Flow después de ediciones grandes en Builder — los cambios estructurales pueden desconectar enlaces.
Paso 5: Probar Cada Rama en Vista Previa
- Guarda el quiz.
- Haz clic en Vista previa.
- Recorre cada combinación de respuesta que esperas en producción:
- Ruta A → Resultado 1
- Ruta B → Resultado 2
- Rutas multi-selección si aplica
- Anota cualquier paso que se salte o aterrice mal — corrige en Flow, luego Vista previa de nuevo.
El analytics y los webhooks dependen de que los visitantes sigan las rutas que definiste.
Paso 6: Publicar Cuando las Rutas Sean Estables
Cuando todas las ramas funcionen en Vista previa:
- Configura webhooks o Leads si es necesario.
- Publica el quiz para que el tráfico en vivo use el Flow más reciente. Consulta Cómo publicar un quiz.
Republica después de cualquier cambio de Flow que deba afectar a visitantes en vivo.
Mejores Prácticas
- Etiqueta pasos para marketers y soporte (
Oferta – warm,Resultado – suplemento). - Mantén la ramificación poco profunda cuando sea posible — árboles profundos son difíciles de QA.
- Documenta URLs de resultado por rama en tu brief de campaña.
- Prueba respuestas límite (clic rápido, botón atrás si está habilitado).
Solución de Problemas
| Problema | Qué intentar |
|---|---|
| Flow vacío o deshabilitado | Agrega al menos dos pasos en Builder primero. |
| No puedo dibujar un enlace | El elemento puede carecer de acción de navegación — configura en Builder, vuelve a Flow. |
| Conexión rechazada (ciclo) | Ajusta la ruta para evitar bucles infinitos según reglas del producto. |
| Vista previa difiere de Flow | Guarda; republica si pruebas URL en vivo; limpia caché. |
| Paso incorrecto después de respuesta | Vuelve a seleccionar el conector saliente; confirma la tarjeta de paso destino. |
Resultado
Tu quiz tiene lógica de ramificación explícita — cada interacción dirige al siguiente paso o resultado previsto, validado en Vista previa y listo para publicar.
Documentación Relacionada
- Flow de Quiz (referencia)
- Constructor de Quiz
- Cómo diseñar preguntas y opciones de quiz
- Publicar un quiz
- Webhooks de quiz
FAQ
¿Flow vs Builder?
Builder edita lo que las personas ven en cada paso. Flow edita cómo se mueven entre pasos. Úsalos juntos.
¿Puedo volver a un paso anterior?
El producto puede bloquear ciclos que confunden el analytics o crean bucles infinitos. Lee el mensaje y ajusta la ruta.
¿Necesito Flow para un quiz lineal?
Incluso los quizzes lineales se benefician de la verificación en Flow — confirma que cada botón Siguiente apunta al paso siguiente.
¿Cuándo debo abrir Flow?
Después de agregar pasos y elementos interactivos en Builder, y de nuevo después de ediciones estructurales importantes.
¿Un cambio de Flow requiere republicación?
Sí, para que visitantes en vivo sigan rutas actualizadas y para webhooks vinculados a finalización de etapa.