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

# Usar campos de entrada para coletar dados

> Use campos de entrada para coletar dados dos usuários, validar as informações inseridas e capturar leads por meio de formulários estruturados e funis interativos.

Os campos de entrada permitem **coletar dados dos seus visitantes** dentro do seu quiz ou fluxo. Eles são usados para capturar informações como nomes, e-mails, números de telefone e outros dados estruturados.

## Tipos de campos disponíveis

O LanderLab oferece diversos campos de entrada, de acordo com o tipo de dado que você quer coletar:

| Campo                                | Descrição                                         |
| :----------------------------------- | :------------------------------------------------ |
| **Text Field**                       | Texto curto (por exemplo, nome)                   |
| **Long Text**                        | Respostas ou descrições mais longas               |
| **Email**                            | Valida o formato do e-mail                        |
| **Phone Number**                     | Coleta números de telefone com código do país     |
| **Number**                           | Aceita apenas números                             |
| **Select**                           | Menu suspenso com opções predefinidas             |
| **Checkbox**                         | Campo de sim/não ou de concordância               |
| **Google Address**                   | Campo de endereço com preenchimento automático    |
| **Zip Code**                         | Campo de CEP/código postal com validação          |
| **Date Picker**                      | Seleção de uma data em um calendário              |
| **Date of Birth / Birthdate Picker** | Campo de data especializado                       |
| **Range Slider**                     | Seleção de um valor usando um controle deslizante |
| **OTP**                              | Verificação por senha de uso único                |
| **Hidden Field**                     | Armazena dados invisíveis (UTMs, IDs etc.)        |

***

## Configurações comuns (todos os campos de entrada)

A maioria dos campos de entrada compartilha as mesmas configurações principais.

### Geral

* **Name** → Nome interno do campo
  * Usado em variáveis (por exemplo, `{{email}}`)
  * Enviado ao seu CRM
  * Deve ser **único em todo o fluxo**
* **Label** → Título visível acima do campo
  * Exemplo: *Endereço de e-mail*
* **Placeholder** → Dica exibida dentro do campo
  * Exemplo: [*example@email.com*](mailto:example@email.com)

### Validação

A validação garante que os usuários insiram **os dados corretos e obrigatórios** antes de continuar.

* Exigir o preenchimento do campo
* Exigir formatos corretos (e-mail, número etc.)

### Decoradores (Decorators)

Complemente os campos com elementos adicionais:

* **Prefix** → Texto/ícone antes do campo (por exemplo, `$`, 📞)
* **Suffix** → Texto/ícone depois do campo (por exemplo, `%`, kg)
* **Help Text** → Pequeno texto de orientação ou tooltip

### Espaçamento

Controle o layout e o posicionamento:

* **Size** → S, M, L, Full width
* **Margin** → Ajusta o espaçamento ao redor do campo

### Aparência

* **Visibility** → Exibir no desktop, no mobile ou em ambos

***

## Campos de entrada especializados

Alguns campos incluem configurações adicionais, dependendo da finalidade.

### Range Slider

Usado para selecionar valores como orçamento, avaliação ou quantidade.

* **Min / Max / Step** → Definem o intervalo e os incrementos
* **Initial Value** → Posição padrão
* **Prefix / Suffix** → Adicionam unidades (por exemplo, \$, %, kg)
* **Thousands Separator** → Formata números grandes

### Zip Code

Otimizado para dados de localização.

* **Country** → Define o formato de validação
* Suporta diferentes formatos de CEP/código postal

### Checkbox

Usado para confirmações ou concordâncias.

* Ideal para:
  * Termos e condições
  * Caixas de seleção de consentimento
* Suporta texto formatado e links

### Select (menu suspenso)

Permite que os usuários escolham entre opções predefinidas.

* **Options**:
  * Display Name (o que o usuário vê)
  * Value (o que é enviado ao CRM)

Controles adicionais:

* Ordenar alfabeticamente
* Inverter a ordem
* Embaralhar as opções

### Phone Number

Projetado para coletar telefones com tratamento do país.

* **Default Country Code**
* Opção para permitir a seleção do país
* Opção para incluir o número completo no valor armazenado

### Date Field

Usado para selecionar datas em um calendário.

* **Date Format**
* Restringir:
  * Datas futuras
  * Datas passadas
  * Somente dias úteis
* Opção para iniciar a semana na segunda-feira

***

## Boas práticas

* Mantenha os campos **simples e no mínimo necessário** para reduzir as desistências
* Use **placeholders e textos de ajuda** para orientar os usuários
* Garanta que os nomes dos campos sejam **únicos e consistentes** para o mapeamento no CRM
* Use campos especializados (como Phone ou Zip Code) para uma validação melhor