Campo de endereço
Colete endereços completos com precisão e flexibilidade. De endereços internacionais a formatos específicos de cada país, com predefinições inteligentes, listas suspensas de estado, validação postal e preenchimento automático, o campo Endereço oferece coleta abrangente de locais com layouts otimizados e suporte mundial.
Coleta profissional de endereços com suporte global.
Perfeito para:
Funcionalidades poderosas para cada caso de uso
🌍 Predefinições inteligentes para cada país
3 predefinições otimizadas + personalizada:
- Internacional – Campos de endereço padrão para uso mundial. Inclui todos os componentes com seletor de país e validação flexível de código postal.
- Estados Unidos – Otimizado para endereços dos EUA com menu suspenso para os 50 estados, validação de CEP e rótulos de campo familiares (Estado, CEP).
- Canadá – Adaptado para endereços canadenses com menu suspenso para província/território, validação do formato do código postal (A1A 1A1) e rotulagem adequada.
- Molduras por Medida – Controle total sobre cada componente. Habilite/desabilite qualquer campo, personalize rótulos, escolha regras de validação e crie formatos de endereço perfeitos para necessidades específicas.
Por que os presets são importantes:
- Configuração instantânea para regiões comuns
- Rótulos de campo adequados por país
- Regras de validação precisas
- Listas suspensas para selecionar estado/província incluídas
- verificação do formato do código postal
Troca fácil:
Altere as predefinições a qualquer momento durante a criação do formulário. Cada predefinição configura automaticamente todas as definições de forma adequada.
📝 Componentes de endereço flexíveis
Selecione os campos que deseja exibir:
Linha de endereço 1 – Endereço (sempre indicado, obrigatório)
Endereço principal com número e nome da rua.
Linha de endereço 2 – Apartamento, suíte, unidade (opcional)
Detalhes adicionais do endereço, como "Apto 4B" ou "Sala 200".
Cidade – Nome da cidade (sempre exibido, obrigatório)
Nome da cidade, vila ou localidade.
Estado/Província/Região – Estado, província, região (opcional)
Divisão administrativa – aparece como um menu suspenso para EUA/Canadá, entrada de texto para outros países.
CEP/Código Postal – Código postal (opcional)
Códigos postais, CEPs ou códigos postais com validação específica para cada país.
País – Seleção do país (opcional)
Menu suspenso com mais de 195 países. Oculte para formulários de um único país.
Organização – Nome da empresa (opcional)
Nome da empresa ou organização para endereços comerciais.
Misture e combine:
Ative apenas os componentes necessários. Colete apenas o nome da rua e da cidade, ou endereços internacionais completos com todos os detalhes.
🎯 Menus suspensos de Estado/Província
Seleção precisa de região:
Menu suspenso Estados dos EUA:
Todos os 50 estados, além do Distrito de Columbia, territórios e endereços militares. Os usuários selecionam em um menu suspenso em vez de digitar, garantindo dados consistentes.
Províncias canadenses:
Todas as 10 províncias e 3 territórios com suas respectivas abreviações. O menu suspenso evita erros ortográficos e variações.
Por que usar menus suspensos:
- Formato de dados consistente (abreviações)
- Sem erros de ortografia
- Processamento de dados mais fácil
- Aparência profissional
- Melhor experiência do usuário
Entrada de texto alternativa:
Para endereços internacionais ou regiões personalizadas, o campo é exibido como uma entrada de texto que aceita qualquer nome de região.
📏 Dois modos de endereçamento
Modo estruturado (padrão):
Vários campos de entrada separados para cada componente do endereço. Os usuários preenchem rua, cidade, estado e CEP em campos específicos.
Benefícios:
- Layout claro e familiar
- Validação de campo individual
- Fácil de completar
- O recurso de autocompletar do navegador funciona perfeitamente.
- Aparência profissional
Modo de uma linha:
Campo de entrada de texto único onde os usuários digitam o endereço completo. O sistema analisa o endereço no servidor e o divide em componentes.
Benefícios:
- Método de entrada mais rápido
- Fácil de copiar e colar
- Formato minimalista
- Ideal para endereços simples.
Casos de uso:
EstruturadoComércio eletrônico, envio, formulários oficiais
Uma linhaFormulários de contato rápido, envios informais
🎨 Dois estilos de layout
Layout empilhado (vertical):
Os campos de endereço aparecem um por linha, empilhados verticalmente. Layout mais tradicional e legível.
Melhor para:
- Formulários otimizados para dispositivos móveis
- Formulários longos com muitos campos
- Legibilidade máxima
- Espaçamento adequado ao toque
Layout em linha (horizontal):
Campos de endereço dispostos horizontalmente com Cidade, Estado e CEP na mesma linha. Aparência compacta e profissional.
Melhor para:
- Formulários otimizados para desktop
- designs de forma compacta
- Aplicações profissionais
- Layouts de várias colunas
Comportamento responsivo:
Ambos os layouts se adaptam automaticamente às telas de dispositivos móveis, empilhando-se quando necessário para uma experiência ideal em dispositivos móveis.
🌐 Suporte em mais de 195 países
Lista completa de países:
Menu suspenso completo com todos os países do mundo – do Afeganistão ao Zimbábue, incluindo todos os territórios e regiões.
Características do país:
- Nomes completos dos países
- Códigos de país ISO
- Em ordem alfabética
- Menu suspenso pesquisável
- Configuração de país padrão
Ocultar campo do país:
Para empresas que atuam em um único país, oculte o campo de país e defina um país padrão. Os usuários nunca o verão, mas os dados incluirão o país automaticamente.
Atualizações dinâmicas de rótulos:
Quando o país muda, os rótulos dos campos são atualizados automaticamente (Estado vs Província vs Região, CEP vs Código Postal).
✅ Validação inteligente de código postal
Validação específica por país:
Códigos postais dos EUA:
Valida formatos de 5 dígitos (12345) ou 9 dígitos (12345-6789). Garante a estrutura correta do CEP dos EUA.
Códigos postais canadenses:
Valida o formato A1A 1A1 com o padrão letra-número-letra e espaçamento corretos.
Códigos postais do Reino Unido:
Valida vários formatos de código postal do Reino Unido (SW1A 1AA, M1 1AA, etc.) com a estrutura correta.
Internacional:
Validação flexível que permite diversos formatos de código postal em todo o mundo.
Limpar mensagens de erro:
Os usuários visualizam imediatamente erros de validação específicos, como "Por favor, insira um CEP válido (12345 ou 12345-6789)".
🔄 Integração com o recurso de autocompletar do navegador
Suporte nativo do navegador:
Os campos de endereço incluem os atributos de autocompletar HTML5 adequados. Os navegadores sugerem automaticamente os endereços salvos.
Funcionalidades de preenchimento automático:
- Sugestões de endereço
- Preenchimento automático da cidade
- Conclusão do estado/província
- sugestões de código postal
- Seleção de países
- Nomes de organização
Amigo da privacidade:
Os usuários controlam se os navegadores salvam endereços. O formulário respeita as configurações de privacidade do navegador.
Conclusão mais rápida:
Usuários recorrentes preenchem endereços em segundos, selecionando-os entre os endereços salvos.
🔀 Lógica Condicional
Exibição dinâmica de endereços:
Exibir ou ocultar campos de endereço com base em outros valores do formulário. Mostrar o endereço de entrega somente quando necessário e revelar o endereço de cobrança condicionalmente.
Regras de lógica avançada:
- Lógica AND – Todas as condições devem ser atendidas.
- Lógica OU – Qualquer condição pode desencadear a ação.
- 8 operadores – Igual a, Diferente de, Maior que, Menor que, Contém, Está vazio e mais
Casos de uso:
- Exibir o “Endereço de entrega” somente quando a caixa de seleção “Igual ao de cobrança” estiver desmarcada.
- Exibir o “Endereço Comercial” quando o tipo de cliente for igual a “Comercial”.
- Exibir o “Endereço Secundário” quando o tipo de serviço exigir vários locais.
- Ocultar “Endereço Internacional” quando o país for igual ao país de origem.
🎯 Experiência do usuário aprimorada
Funcionalidades inteligentes integradas:
- Indicadores de campos obrigatórios – Asteriscos em campos obrigatórios
- Validação em nível de campo – Feedback instantâneo por componente
- Texto de exemplo – Dicas úteis em cada campo
- Navegação por abas – Progressão de campos otimizada para teclado
- Classes CSS personalizadas – Aplique estilos ao contêiner de endereço
- Suporte de acessibilidade – Rótulos ARIA, compatível com leitores de tela
- Otimizado para dispositivos móveis – Compatível com telas sensíveis ao toque e com teclados adequados.
- Suporte para copiar e colar – Endereços completos são analisados automaticamente (modo de uma linha)
- Texto de ajuda – Adicione descrições para os requisitos de endereço
- Personalização de rótulos – Altere o texto de qualquer rótulo de campo.
Configuração simples em 3 etapas
Prepare seu campo de endereço em minutos
Adicionar campo de endereço
Arraste e solte o campo Endereço da seção Campos Avançados no seu formulário.
Escolha a predefinição
Selecione uma predefinição (Internacional, Estados Unidos, Canadá ou Personalizada) com base na localização do seu público principal.
Configurar componentes
Ative/desative partes específicas do endereço (Linha de Endereço 2, País, Organização), escolha o estilo de layout (empilhado ou em linha) e defina o país padrão, se necessário.
🎉 Pronto! Seu campo de endereço está configurado com validação inteligente e suporte global.
Aplicações do mundo real
Comércio eletrônico e envio
* Coleta de endereço de entrega
* Captura do endereço de cobrança
* Gerenciamento de múltiplos endereços
* Dados do local de entrega
Aplicativos de educação
* Informações sobre residências estudantis
* Coleta de endereços dos pais
* Dados de endereço do campus
* Endereços de contato de ex-alunos
Saúde e Serviços
* Informações de endereço do paciente
* Dados de localização do serviço
* Endereços para visitas domiciliares
* Endereços de entrega
Governamental e Jurídico
* Coletânea de endereços oficiais
* Comprovante de residência
* Dados do endereço do imóvel
* Submissão de documentos legais
Cliente de Registro
* Endereços de registro de conta
* Dados de localização do perfil
* Informações de endereço para contato
* Coleta de endereços postais
Registro de empresas
* Endereço da sede da empresa
* Informações sobre a localização da agência
* Coleta de endereços de escritórios
* Formulários de licenciamento comercial
Preencha as opções de campo
Configuração básica
- Rótulo do campo – O título exibido acima do campo de endereço.
- Descrição/Texto de Ajuda – Orientações adicionais sobre os requisitos de endereço
- Campo obrigatório – Tornar o preenchimento do endereço obrigatório
- Espaço reservado – Dicas para componentes individuais do endereço
Endereço predefinido
- Selecione a configuração otimizada:
- Internacional – Campos padrão para uso mundial
- Estados Unidos – Otimizado para os EUA com menu suspenso de estados
- Canadá – Otimizado para o Canadá com menu suspenso de províncias
- Personalizado – Controle total sobre todas as configurações.
Componentes de endereço (Configurações predefinidas personalizadas ou avançadas)
Quais partes do endereço incluir:
- Linha de endereço 1 – Endereço (sempre indicado, obrigatório)
- Linha de endereço 2 – Apto/Suíte/Unidade (opcional)
- Cidade – Nome da cidade (sempre exibido, obrigatório)
- Estado/Província/Região – Divisão administrativa (opcional)
- CEP/Código Postal – Código postal (opcional)
- País – Seleção do país (opcional)
- Organização – Nome da empresa/organização (opcional)
Opções de Estado/Província
Usar lista suspensa de estado – Exibir lista suspensa em vez de entrada de texto (as predefinições EUA/Canadá são ativadas automaticamente)
Configurações de país
- Campo de exibição do país – Seletor de país para exibição
- País padrão – Selecione previamente um país específico.
- Países permitidos – Limitar a países específicos (deixe em branco para todos os países acima de 195)
Modo de endereço
- Estruturado – Vários campos de entrada (recomendado)
- Uma linha – Entrada de texto único com análise sintática
Layout de campo (somente no modo estruturado)
- Empilhado – Layout vertical, um campo por linha
- Em linha – Layout horizontal, design compacto
Personalização de rótulo
- Personalize o texto para cada componente:
- Rótulo da Linha de Endereço 1 (padrão: “Linha de Endereço 1”)
- Rótulo da Linha de Endereço 2 (padrão: “Linha de Endereço 2”)
- Rótulo da cidade (padrão: “Cidade”)
- Rótulo do estado (padrão: “Estado” ou “Província”)
- Etiqueta postal (padrão: “CEP” ou “Código Postal”)
- Rótulo do país (padrão: “País”)
- Rótulo da organização (padrão: “Empresa/Organização”)
Configurações de validação
- Validação de código postal – Verificação do formato específico de cada país
- Componentes obrigatórios – Marque os campos individuais como obrigatórios.
- Preenchimento automático do navegador – Ative as sugestões de endereço nativas do navegador
Lógica Condicional
- Ativar lógica condicional – Mostrar/ocultar com base em condições
- Tipo de lógica
- Todas as condições devem ser atendidas (E)
- Qualquer condição pode ser satisfeita (OU)
- Regras de Condição
- Mostrar/Ocultar – Ação a ser tomada
- Campo – Qual campo verificar
- Operador – Igual a, Diferente de, Contém, Maior que, Menor que, Vazio, Não vazio
- Valor – Valor de comparação
- Múltiplas Condições – Adicione regras ilimitadas
Opções avançadas
- Classes CSS personalizadas – Aplique estilos personalizados ao contêiner de endereço.
- Atributos de acessibilidade – Rótulos ARIA para leitores de tela
- Ordem de campo – Reordenar componentes de endereço (predefinição personalizada)
Por que escolher nosso campo de endereço?
✅Predefinições inteligentes – Configurações otimizadas para os mercados internacional, EUA e Canadá
✅Componentes Flexíveis – Ativar/desativar qualquer parte do endereço
✅Menus suspensos de estado – 50 estados dos EUA, 13 províncias/territórios canadenses
✅Suporte Global – Mais de 195 países com rótulos adequados
✅Validação Postal – Verificação de formato específico do país
✅Dois modos – Campos estruturados ou entrada de uma linha
✅Dois layouts – Arranjos empilhados ou em linha
✅Preenchimento automático pronto – As sugestões de endereço do navegador funcionam perfeitamente.
✅Totalmente Integrado – Funciona perfeitamente com todos os recursos de formulário
Perguntas frequentes
P: Qual a diferença entre as predefinições?
A opção Internacional funciona em todo o mundo com um seletor de país. A predefinição EUA otimiza para endereços americanos com um menu suspenso de 50 estados e validação de CEP. A predefinição Canadá inclui um menu suspenso de províncias e regras de código postal canadenses. A opção Personalizada oferece controle total.
P: Posso ocultar o campo do país?
Sim. Para uso em um único país, desative "Mostrar país" e escolha um padrão. Os usuários não verão o país, mas os dados enviados ainda o incluirão automaticamente.
P: Como funcionam os menus suspensos de estado?
As configurações predefinidas para os EUA e Canadá oferecem uma lista suspensa completa de estados ou províncias. O modo internacional usa campos de texto padrão, permitindo que os usuários insiram nomes de regiões livremente.
P: O que é o modo de uma linha?
Ele substitui todos os componentes do endereço por um único campo de texto onde os usuários inserem o endereço completo. O sistema então o analisa e o divide em partes individuais no servidor.
P: Posso tornar alguns campos opcionais?
Sim. Nas configurações personalizadas ou avançadas, escolha quais campos são obrigatórios ou opcionais. Os campos Endereço (linha 1) e Cidade permanecem sempre obrigatórios.
P: Como funciona a validação do código postal?
O sistema valida os formatos com base no país selecionado. Os CEPs dos EUA exigem 5 ou 9 dígitos, os códigos canadenses seguem o formato A1A 1A1 e os códigos postais do Reino Unido seguem os padrões do Reino Unido.
P: Posso personalizar os rótulos dos campos?
Sim. Renomeie os rótulos para corresponder à sua região — por exemplo, altere CEP para CEP ou Estado para Província.
P: Quais países recebem apoio?
Todos os mais de 195 países, incluindo territórios e regiões, com nomes e códigos ISO corretos.
P: O recurso de autocompletar do navegador funciona?
Sim. Os atributos de autocompletar adequados estão incluídos para que os navegadores possam sugerir endereços salvos automaticamente.
P: Posso coletar vários endereços?
Sim. Adicione vários campos de endereço, como Cobrança e Entrega. Use lógica condicional para mostrá-los ou ocultá-los conforme necessário.
P: Como faço para mudar de um layout empilhado para um layout em linha?
Selecione “Layout de Campo” e alterne para “Em Linha” para posicionamento horizontal ou “Empilhado” para posicionamento vertical. Ambos se adaptam a dispositivos móveis.
P: Posso usar isso para negócios internacionais?
Sim. A predefinição internacional é compatível com todos os países e a validação se ajusta automaticamente com base no país selecionado.
