Pular para o conteúdo principal

Como Configurar Fluxo e Lógica de Ramificação do Quiz

Fluxo é o mapa do seu quiz. Cada etapa aparece como um card e você desenha conexões mostrando para onde os respondentes vão após interações específicas.

Use o Fluxo depois de ter conteúdo de perguntas no Construtor e antes de enviar tráfego de produção.

Antes de Começar​

Certifique-se de ter:

  • Pelo menos duas etapas no quiz (Fluxo precisa de uma jornada, não de uma única tela).
  • Elementos interativos configurados no Construtor (botões, opções ou imagens com ações ir para etapa / continuar).
  • Etapas nomeadas no trilho para que os cards do Fluxo permaneçam legíveis.
  • Visualização disponível para percorrer cada ramo após vincular.

Veja Fluxo de Quiz (referência).

Passo 1: Preparar Etapas no Construtor​

  1. Abra o quiz no Construtor de Quiz.
  2. Confirme que cada etapa que deve receber tráfego tem:
    • Um nome claro no trilho de etapas (Intro, P1, Resultado B etc.)
    • Pelo menos um elemento interativo (botão, opção de quiz, texto/imagem vinculado)
  3. Salve antes de mudar para o Fluxo.

Se você tiver menos de duas etapas, o Fluxo exibe uma mensagem para adicionar mais etapas primeiro.

Passo 2: Abrir a Visualização Fluxo​

  1. Clique em Fluxo no cabeçalho do editor de quiz.
  2. Revise os cards de etapa dispostos no canvas.
  3. Identifique a etapa de entrada (onde visitantes começam) e as etapas de resultado (onde os caminhos devem terminar).

O Fluxo oferece uma visão da jornada completa que o Construtor sozinho não mostra.

Passo 3: Conectar Interações às Etapas de Destino​

Para cada ramo necessário:

  1. Em um card de etapa, encontre o conector de saída em uma interação (botão, opção etc.).
  2. Arraste um link para o lado de entrada de outro card de etapa.
  3. Solte para criar a conexão.
  4. Repita até cada escolha rotear para a próxima etapa ou resultado correta.

Interações comuns suportadas incluem:

  • Botões com ações continuar / ir-para-etapa
  • Opções de quiz que avançam ao selecionar
  • Textos ou imagens configurados para navegação (quando habilitado no Construtor)

Controles exatos aparecem quando você seleciona um elemento que suporta navegação no Construtor primeiro.

Passo 4: Validar a Lógica de Ramificação​

Verifique no mapa:

VerificaçãoPor quê
Toda etapa tem link de entrada (exceto entrada)Órfãs significam que visitantes nunca chegam à etapa.
Todo caminho termina em resultado, formulário ou saídaBecos sem saída frustram usuários e quebram rastreamento.
Sem loops não intencionaisO produto pode bloquear ciclos que confundem analytics.
Caminhos mobile iguais ao desktopMesmos links devem funcionar após Visualização em largura de celular.

Reabra o Fluxo após grandes edições no Construtor — alterações estruturais podem desconectar links.

Passo 5: Testar Cada Ramo na Visualização​

  1. Salve o quiz.
  2. Clique em Visualizar.
  3. Percorra cada combinação de resposta que espera em produção:
    • Caminho A → Resultado 1
    • Caminho B → Resultado 2
    • Caminhos multi-seleção quando aplicável
  4. Anote qualquer etapa que pula ou cai no lugar errado — corrija no Fluxo e Visualize novamente.

Analytics e webhooks dependem de visitantes seguirem os caminhos que você definiu.

Passo 6: Publicar Quando os Caminhos Estiverem Estáveis​

Quando todos os ramos funcionarem na Visualização:

  1. Configure webhooks ou Leads se necessário.
  2. Publique o quiz para que o tráfego ao vivo use o Fluxo mais recente. Veja Como publicar um quiz.

Republice após qualquer alteração de Fluxo que deva afetar visitantes ao vivo.

Boas Práticas​

  • Rotule etapas para marketing e suporte (Oferta – warm, Resultado – suplemento).
  • Mantenha ramificações rasas quando possível — árvores profundas são difíceis de QA.
  • Documente URLs de resultado por ramo no briefing da campanha.
  • Teste respostas extremas (clique rápido, botão voltar se habilitado).

Solução de Problemas​

ProblemaO que tentar
Fluxo vazio ou desabilitadoAdicione pelo menos duas etapas no Construtor primeiro.
Não consigo desenhar um linkElemento pode não ter ação de navegação — configure no Construtor e volte ao Fluxo.
Conexão rejeitada (ciclo)Ajuste o caminho para evitar loops infinitos conforme regras do produto.
Visualização difere do FluxoSalve; republique se testar URL ao vivo; limpe cache.
Etapa errada após respostaRe-selecione conector de saída; confirme card de etapa de destino.

Resultado​

Seu quiz tem lógica de ramificação explícita — cada interação roteia para a próxima etapa ou resultado pretendida, validada na Visualização e pronta para publicação.

Documentação Relacionada​

FAQ​

Fluxo vs Construtor?

Construtor edita o que as pessoas veem em cada etapa. Fluxo edita como elas se movem entre etapas. Use ambos juntos.

Posso voltar a uma etapa anterior?

O produto pode bloquear ciclos que confundem analytics ou criam loops infinitos. Leia a mensagem e ajuste o caminho.

Preciso do Fluxo para um quiz linear?

Até quizzes lineares se beneficiam da verificação no Fluxo — confirme que cada botão Próximo aponta para a etapa seguinte.

Quando devo abrir o Fluxo?

Depois de adicionar etapas e elementos interativos no Construtor, e novamente após edições estruturais grandes.

Alteração no Fluxo exige republicação?

Sim, para visitantes ao vivo seguirem caminhos atualizados e para webhooks vinculados à conclusão de etapas.