> ## 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.

# Usa condiciones de visibilidad para mostrar contenido dinámico

> Usa condiciones de visibilidad para mostrar u ocultar elementos según las respuestas del usuario y crear experiencias más personalizadas.

Las condiciones de visibilidad te permiten **mostrar u ocultar bloques de forma dinámica** según las respuestas que el usuario haya dado antes en el flujo.

En lugar de mostrar el mismo contenido a todo el mundo, puedes controlar exactamente **cuándo aparece cada bloque**, lo que hace tu flujo más personalizado y 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="Visibility" width="1920" height="992" data-path="images/visibility.png" />
</Frame>

***

## Qué hace

Cuando las condiciones de visibilidad están activadas:

* El bloque **solo aparece si se cumple la condición**
* Si la condición **no se cumple**, el bloque permanece oculto
* Puedes basar las condiciones en **respuestas anteriores del quiz**

Funciona con cualquier bloque, entre ellos:

* Texto
* Opción múltiple
* Campos de entrada
* Botones

***

## Cómo añadir una condición de visibilidad

1. Selecciona el bloque que quieres controlar
2. Abre la sección **Visibility** del panel de ajustes
3. Haz clic en **Add Condition**
4. Elige:
   * El **campo o bloque** que quieres comprobar
   * El **operador** (el tipo de regla)
   * El **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 disponibles

Puedes definir condiciones con:

* contiene alguno de
* contiene todos los de
* no contiene ninguno de
* coincide exactamente
* no coincide exactamente
* está vacío
* no está vacío

***

## Cómo funciona (ejemplo)

### Escenario

Preguntas:

**“¿Qué servicio estás buscando?”**

Opciones:

* Comprar
* Vender

### Objetivo

Mostrar una pregunta de seguimiento solo si el usuario elige **Comprar**

### Configuración

Condición de visibilidad:

* Campo → Tipo de servicio
* Operador → coincide exactamente
* Valor → Comprar

### Resultado

* Si el usuario elige **Comprar** → aparece el siguiente bloque
* Si elige **Vender** → el bloque permanece oculto

***

## Ejemplo de caso real

Estás creando un flujo inmobiliario:

Paso 1:<br />**“¿Eres propietario de una vivienda?”**

* Sí
* No

Paso 2 (condicional):<br />**“¿Cuál es el valor de tu propiedad?”**

👉 Aplica una condición de visibilidad:

* Campo → Es propietario
* Operador → coincide exactamente
* Valor → Sí

### Resultado

* Los usuarios que eligen **Sí** → ven la pregunta sobre el valor de la propiedad
* Los que eligen **No** → se la saltan por completo

***

## Notas importantes

* Las condiciones solo funcionan con **pasos anteriores**
* Si añades varias condiciones, deben cumplirse todas
* Los bloques ocultos **no se muestran y no son obligatorios**
* Ayudan a reducir la fricción y a mejorar la tasa de finalización

***

## Buenas prácticas

* Usa las condiciones para eliminar preguntas irrelevantes
* Mantén la lógica simple y fácil de seguir
* Prueba siempre los distintos recorridos del usuario
* Combínalas con la navegación condicional para crear flujos avanzados
