> ## 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 campos de entrada para recoger datos

> Usa campos de entrada para recoger datos de los usuarios, validar lo que introducen y captar leads mediante formularios estructurados y embudos interactivos.

Los campos de entrada te permiten **recoger datos de tus visitantes** dentro de tu quiz o flujo. Se usan para captar información como nombres, emails, teléfonos y otros datos estructurados.

## Tipos de campo disponibles

LanderLab ofrece varios campos de entrada según el tipo de dato que quieras recoger:

| Campo                                | Descripción                                    |
| :----------------------------------- | :--------------------------------------------- |
| **Text Field**                       | Texto corto (por ejemplo, el nombre)           |
| **Long Text**                        | Respuestas o descripciones más largas          |
| **Email**                            | Valida el formato del email                    |
| **Phone Number**                     | Recoge números de teléfono con prefijo de país |
| **Number**                           | Entrada solo numérica                          |
| **Select**                           | Desplegable con opciones predefinidas          |
| **Checkbox**                         | Entrada de sí/no o de aceptación               |
| **Google Address**                   | Campo de dirección con autocompletado          |
| **Zip Code**                         | Campo de código postal con validación          |
| **Date Picker**                      | Selecciona una fecha en un calendario          |
| **Date of Birth / Birthdate Picker** | Campo de fecha especializado                   |
| **Range Slider**                     | Selecciona un valor con un deslizador          |
| **OTP**                              | Verificación con código de un solo uso         |
| **Hidden Field**                     | Guarda datos invisibles (UTMs, IDs, etc.)      |

***

## Ajustes comunes (todos los campos)

La mayoría de los campos comparten los mismos ajustes básicos.

### General

* **Name:** el nombre interno del campo
  * Se usa en las variables (por ejemplo, `{{email}}`)
  * Se envía a tu CRM
  * Debe ser **único en todo el flujo**
* **Label:** el título visible encima del campo
  * Por ejemplo: *Email Address*
* **Placeholder:** la pista que aparece dentro del campo
  * Por ejemplo: [*example@email.com*](mailto:example@email.com)

### Validación

La validación garantiza que los usuarios introduzcan los **datos correctos y obligatorios** antes de continuar.

* Exigir que el campo se rellene
* Obligar a usar el formato correcto (email, número, etc.)

### Decorators

Mejora los campos con elementos adicionales:

* **Prefix:** texto o icono antes del campo (por ejemplo, `$`, 📞)
* **Suffix:** texto o icono después del campo (por ejemplo, `%`, kg)
* **Help Text:** un texto de ayuda o una indicación breve

### Spacing

Controla la disposición y la posición:

* **Size:** S, M, L o a todo el ancho
* **Margin:** ajusta el espacio alrededor del campo

### Appearance

* **Visibility:** mostrar en escritorio, en móvil o en ambos

***

## Campos especializados

Algunos campos incluyen ajustes adicionales según su finalidad.

### Range Slider

Se usa para seleccionar valores como un presupuesto, una valoración o una cantidad.

* **Min / Max / Step:** define el rango y los incrementos
* **Initial Value:** la posición por defecto
* **Prefix / Suffix:** añade unidades (por ejemplo, \$, %, kg)
* **Thousands Separator:** da formato a los números grandes

### Zip Code

Optimizado para datos de ubicación.

* **Country:** define el formato de validación
* Admite distintos formatos de código postal

### Checkbox

Se usa para confirmaciones o aceptaciones.

* Ideal para:
  * Términos y condiciones
  * Casillas de consentimiento
* Admite texto con formato y enlaces

### Select (desplegable)

Permite al usuario elegir entre opciones predefinidas.

* **Options:**
  * Display Name (lo que ve el usuario)
  * Value (lo que se envía al CRM)

Controles adicionales:

* Ordenar alfabéticamente
* Invertir el orden
* Aleatorizar las opciones

### Phone Number

Diseñado para recoger teléfonos con gestión de país.

* **Default Country Code**
* Opción de permitir elegir el país
* Opción de incluir el número completo en el valor guardado

### Campo de fecha

Se usa para seleccionar fechas en un calendario.

* **Date Format**
* Restringir:
  * Fechas futuras
  * Fechas pasadas
  * Solo días laborables
* Opción de empezar la semana en lunes

***

## Buenas prácticas

* Mantén los campos **simples y mínimos** para reducir el abandono
* Usa **placeholders y textos de ayuda** para guiar al usuario
* Asegúrate de que los nombres de campo sean **únicos y coherentes** para el mapeo con el CRM
* Usa campos especializados (como Phone o Zip Code) para conseguir una mejor validación