Tipos de campos disponíveis
O LanderLab oferece diversos campos de entrada, de acordo com o tipo de dado que você quer coletar: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
- Usado em variáveis (por exemplo,
- Label → Título visível acima do campo
- Exemplo: Endereço de e-mail
- Placeholder → Dica exibida dentro do campo
- Exemplo: [email protected]
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)
- 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