> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Use a navegação condicional em funis de quiz

> Use a navegação condicional para criar fluxos de quiz dinâmicos que se adaptam às respostas dos usuários e guiam os visitantes por caminhos personalizados.

A navegação condicional permite que seu quiz se adapte às respostas dos usuários. Em vez de seguir um caminho fixo, os usuários podem ser direcionados para etapas diferentes, dependendo do que selecionarem.

Isso ajuda você a criar **fluxos dinâmicos**, qualificar melhor os leads e oferecer experiências mais personalizadas.

***

## Como funciona

Você pode definir caminhos diferentes no seu fluxo com base nas escolhas dos usuários.

Por exemplo:

* Se o usuário selecionar **Sim**, envie-o para uma etapa de qualificados
* Se o usuário selecionar **Não**, envie-o para outra etapa

***

## Onde usar

A navegação condicional está disponível apenas em:

* **Blocos Multiple Choice**
* **Blocos Image Choice**

***

## Como adicionar a navegação condicional

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/images/image-15-1024x523.png?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=7accfe3c0829f0e550fe6c6a5c9b0370" alt="Image 15 1024x523" width="1024" height="523" data-path="images/image-15-1024x523.png" />
</Frame>

### 1. Adicione um bloco de escolha

* Adicione um bloco **Multiple Choice** ou **Image Choice**
* Crie as opções de resposta

### 2. Abra as configurações de navegação

* Selecione o bloco
* Role até a seção **Navigation**
* Clique para abri-la

***

## Opções de navegação

### Next Step (padrão)

* Envia os usuários para a próxima etapa do fluxo
* Vale igualmente para todas as respostas

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/images/image-16-1024x523.png?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=cdc7b0989dcdc3091148d437df6b83e9" alt="Image 16 1024x523" width="1024" height="523" data-path="images/image-16-1024x523.png" />
</Frame>

***

### Go to Step

* Envia os usuários para uma etapa específica
* Ignora a ordem padrão das etapas

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/images/image-17-1024x524.png?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=762c09b0b9012e0d71d2b5fcdac29e5a" alt="Image 17 1024x524" width="1024" height="524" data-path="images/image-17-1024x524.png" />
</Frame>

***

### Conditional Navigation

* Permite caminhos diferentes para cada resposta

Quando essa opção está ativada:

* Cada opção terá seu próprio **seletor de etapa**
* Você pode definir para onde cada resposta leva

Exemplo:

* **Sim** → Etapa: Qualificado
* **Não** → Etapa: Não qualificado
  <video src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/videos/Screen-Recording-2025-10-01-at-10.48.29-AM.webm?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=77ba0aa99537dd16d3c91aeb08bbbee0" controls={true} data-path="videos/Screen-Recording-2025-10-01-at-10.48.29-AM.webm" />

***

### Custom URL

* Redireciona os usuários para uma página externa
* Vale independentemente da opção selecionada

Casos de uso:

* Página de agradecimento externa
* Página de oferta
* Outro funil

⚠️ Certifique-se de que a URL começa com `https://`

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/images/image-19-768x392.png?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=71366b473f53b8f0c41f26e9f5c25efb" alt="Image 19 768x392" width="768" height="392" data-path="images/image-19-768x392.png" />
</Frame>

***

## Navigate on Option Click

Essa configuração controla como os usuários avançam:

* **Ativada** → avança automaticamente quando o usuário clica em uma opção
* **Desativada** → o usuário precisa clicar em um botão para continuar

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/images/image-20-768x202-1.png?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=6a433fcaecfa29184909e27c19aba701" alt="Image 20 768x202 1" width="768" height="202" data-path="images/image-20-768x202-1.png" />
</Frame>

***

## Boas práticas

* Mantenha a lógica simples e fácil de acompanhar
* Use nomes de etapas claros para evitar confusão
* Teste todas as ramificações para garantir que a navegação funcione corretamente