> ## 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 variables para personalizar tus embudos

> Usa variables para personalizar tus embudos guardando las respuestas del usuario y mostrando contenido dinámico en tus landing pages y quizzes.

Las variables te permiten guardar lo que introduce el usuario y reutilizarlo más adelante en tu flujo. Así tu quiz o formulario resulta más dinámico y personalizado.

Por ejemplo, puedes mostrar el nombre del usuario en el paso siguiente después de que lo haya escrito.

<video src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/videos/Dynamic-content-Variables-1.webm?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=929cd20f9490ff5333ff22e14b0ec115" controls={true} data-path="videos/Dynamic-content-Variables-1.webm" />

***

## Cómo funcionan las variables

Las variables se crean automáticamente cuando el usuario interactúa con determinados bloques.

Los bloques compatibles son:

* **Opciones**: Multiple Choice, Image Choice
* **Campos de entrada**: Text, Email, Phone, Long Text, Select, Checkbox, Number, Date, Zip Code, Range Slider, Hidden Field

Cada campo guarda su valor como una variable.

***

## Nombre de las variables

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/images/image-12-1024x523.png?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=94dbb7cae61bf03f6b0c3f404bc73c53" alt="Nombre del campo usado como nombre de la variable" width="1024" height="523" data-path="images/image-12-1024x523.png" />
</Frame>

* El **nombre del campo = nombre de la variable**
* Las variables se escriben así:

```text theme={null}
{{Variable Name}}
```

Ejemplo:<br /><br />Si tu campo se llama **First Name**, la variable será:

```text theme={null}
{{First Name}}
```

Si cambias el nombre del campo, la variable se actualiza automáticamente.

***

## Cómo usar las variables

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/images/image-14-768x392.png?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=f1c456ae0a3dfb494929e47fe518c7c1" alt="Insertar una variable en un texto" width="768" height="392" data-path="images/image-14-768x392.png" />
</Frame>

Puedes insertar variables en un texto de dos formas:

### 1. Escribiéndolas a mano

Escribe la variable directamente:

```text theme={null}
¡Gracias, {{First Name}}!
```

### 2. Con el selector de variables

Usa el icono { } del editor de texto para insertar variables.

## Ejemplo

Paso 1: el usuario escribe su nombre<br /><br />Paso 2: se muestra un mensaje personalizado

Resultado:

```text theme={null}
¡Gracias, {{First Name}}!
```

***

## Reglas importantes

* Las variables solo se pueden usar en **pasos posteriores**, no en el mismo paso
* Los nombres de las variables deben ser **únicos**
* Los valores se guardan como **texto**

***

## Buenas prácticas

* Usa nombres de campo claros y coherentes
* Evita nombres duplicados entre campos
* Planifica el orden de los pasos para aprovechar bien las variables

<Tip>
  Consejo: personalizar con variables aumenta la interacción y puede mejorar la tasa de conversión.
</Tip>
