> ## 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 condições de visibilidade para criar conteúdo dinâmico

> Use condições de visibilidade para mostrar ou ocultar elementos com base nas respostas dos usuários e criar experiências de landing page mais personalizadas.

As condições de visibilidade permitem **mostrar ou ocultar blocos dinamicamente** com base nas respostas que os usuários deram em etapas anteriores do fluxo.

Em vez de exibir o mesmo conteúdo para todos, você controla exatamente **quando um bloco aparece**, deixando seu fluxo mais personalizado e relevante.

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/images/visibility.png?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=1438d07d5d4f4c8f3b87a3ad6092117a" alt="Visibilidade" width="1920" height="992" data-path="images/visibility.png" />
</Frame>

***

## O que faz

Quando as condições de visibilidade estão ativadas:

* Um bloco **só aparece se a condição for atendida**
* Se a condição **não for atendida**, o bloco continua oculto
* Você pode basear as condições em **respostas anteriores do quiz**

Isso funciona com qualquer bloco, incluindo:

* Text
* Multiple Choice
* Inputs
* Buttons

***

## Como adicionar uma condição de visibilidade

1. Selecione o bloco que você quer controlar
2. Abra a seção **Visibility** no painel de configurações
3. Clique em **Add Condition**
4. Escolha:
   * O **campo/bloco** que você quer verificar
   * O **operador** (tipo de regra)
   * O **valor**

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/images/Screenshot2026-03-24at3.31.34PM.png?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=0c9e3f98de92bdab0b6a1f46fe4e1e10" alt="Screenshot2026 03 24at3 31 34PM" width="1920" height="991" data-path="images/Screenshot2026-03-24at3.31.34PM.png" />
</Frame>

***

## Operadores disponíveis

Você pode definir condições usando:

* contains any of
* contains all of
* contains none of
* matches exactly
* does not match exactly
* is empty
* is not empty

***

## Como funciona (exemplo)

### Cenário

Você pergunta:

**“Qual serviço você está procurando?”**

Opções:

* Compra
* Venda

### Objetivo

Mostrar uma pergunta complementar apenas se o usuário selecionar **Compra**

### Configuração

Condição de visibilidade:

* Campo → Tipo de serviço
* Operador → matches exactly
* Valor → Compra

### Resultado

* Se o usuário selecionar **Compra** → o próximo bloco aparece
* Se o usuário selecionar **Venda** → o bloco continua oculto

***

## Exemplo de caso real

Você está criando um fluxo para o setor imobiliário:

Etapa 1:<br />**“Você tem um imóvel?”**

* Sim
* Não

Etapa 2 (condicional):<br />**“Qual é o valor do seu imóvel?”**

👉 Aplique a condição de visibilidade:

* Campo → Tem imóvel
* Operador → matches exactly
* Valor → Sim

### O que acontece

* Usuários que selecionam **Sim** → veem a pergunta sobre o valor do imóvel
* Usuários que selecionam **Não** → pulam essa pergunta completamente

***

## Observações importantes

* As condições só funcionam com **etapas anteriores**
* Se você adicionar várias condições, todas precisam ser atendidas
* Blocos ocultos **não são exibidos nem obrigatórios**
* Ajuda a reduzir o atrito e a aumentar as taxas de conclusão

***

## Boas práticas

* Use condições para remover perguntas irrelevantes
* Mantenha a lógica simples e fácil de acompanhar
* Sempre teste diferentes caminhos do usuário
* Combine com a navegação condicional para criar fluxos avançados