Campo de dirección
Recopile direcciones completas con precisión y flexibilidad. Desde direcciones internacionales hasta formatos específicos de cada país con ajustes preestablecidos inteligentes, listas desplegables de estados, validación postal y autocompletado, el campo Dirección ofrece una recopilación completa de ubicaciones con diseños optimizados y soporte internacional.
Recopilación de direcciones profesional con soporte global
Perfecto para:
Funciones potentes para cada caso de uso
🌍 Ajustes preestablecidos de países inteligentes
3 ajustes preestablecidos optimizados + personalizados:
- Conferencia Campos de dirección estándar para uso internacional. Incluye todos los componentes con selector de país y validación flexible de código postal.
- Estados Unidos – Optimizado para direcciones de EE. UU. con menú desplegable de 50 estados, validación de código postal y etiquetas de campo familiares (estado, código postal).
- Canada – Adaptado para direcciones canadienses con menú desplegable de provincia/territorio, validación del formato de código postal (A1A 1A1) y etiquetado adecuado.
- Personalizado Control total sobre cada componente. Habilite o deshabilite cualquier campo, personalice etiquetas, elija reglas de validación y cree formatos de dirección perfectos para sus necesidades.
Por qué son importantes los ajustes preestablecidos:
- Configuración instantánea para regiones comunes
- Etiquetas de campo adecuadas por país
- Reglas de validación precisas
- Se incluyen menús desplegables de estado y provincia
- Comprobación del formato del código postal
Cambio fácil:
Cambie los ajustes preestablecidos en cualquier momento durante la creación del formulario. Cada ajuste preestablecido configura automáticamente todos los ajustes correctamente.
Componentes de dirección flexibles
Elija qué campos desea mostrar:
Línea de dirección 1: Dirección de la calle (siempre se muestra, es obligatoria)
Dirección principal de la calle con número y nombre.
Línea de dirección 2 – Apartamento, suite, unidad (opcional)
Detalles adicionales de la dirección como “Apt 4B” o “Suite 200”.
Ciudad – Nombre de la ciudad (siempre se muestra, obligatorio)
Nombre de pueblo, ciudad o localidad.
Estado/Provincia/Región – Estado, provincia, región (opcional)
División administrativa: se muestra como menú desplegable para EE. UU. y Canadá, entrada de texto para internacional.
Código postal – Código postal (opcional)
Códigos postales, códigos postales o códigos postales con validación específica del país.
País – Selección de país (opcional)
Menú desplegable con más de 195 países. Ocultar para formularios de un solo país.
Organización – Nombre de la empresa (opcional)
Nombre de empresa u organización para direcciones comerciales.
Mezclar y combinar:
Habilite solo los componentes que necesite. Recopile solo la calle y la ciudad, o direcciones internacionales completas con todos los detalles.
🎯 Menús desplegables de estado/provincia
Selección precisa de región:
Menú desplegable de estados de EE. UU.:
Los 50 estados, además de Washington D. C., territorios y direcciones militares. Los usuarios seleccionan del menú desplegable en lugar de escribir, lo que garantiza la coherencia de los datos.
Provincias canadienses:
Las 10 provincias y 3 territorios con sus abreviaturas correctas. El menú desplegable evita errores ortográficos y variaciones.
¿Por qué utilizar menús desplegables?
- Formato de datos consistente (abreviaturas)
- Sin errores ortográficos
- Procesamiento de datos más sencillo
- Apariencia profesional
- Mejor experiencia de usuario
Alternativa de entrada de texto:
Para direcciones internacionales o regiones personalizadas, el campo se muestra como una entrada de texto que acepta cualquier nombre de región.
📏 Dos modos de dirección
Modo estructurado (predeterminado):
Múltiples campos de entrada independientes para cada componente de dirección. Los usuarios introducen la calle, la ciudad, el estado y el código postal en campos específicos.
Beneficios:
- Diseño claro y familiar
- Validación de campos individuales
- Fácil de completar
- El autocompletado del navegador funciona perfectamente
- Apariencia profesional
Modo de una línea:
Entrada de texto única donde los usuarios escriben la dirección completa. El sistema analiza la dirección en componentes del servidor.
Beneficios:
- Método de entrada más rápido
- Copiar y pegar amigable
- Huella de forma mínima
- Bueno para direcciones simples
Casos de uso:
Estructurado: Comercio electrónico, envíos, formularios oficiales
Una línea:Formularios de contacto rápido, envíos informales
🎨 Dos estilos de diseño
Disposición apilada (vertical):
Los campos de dirección aparecen uno por línea, apilados verticalmente. Diseño más tradicional y legible.
Mejor para:
- Formularios para dispositivos móviles
- Formularios largos con muchos campos
- Máxima legibilidad
- Espaciado táctil
Diseño en línea (horizontal):
Los campos de dirección están dispuestos horizontalmente con la ciudad, el estado y el código postal en la misma fila. Diseño compacto y profesional.
Mejor para:
- Formularios optimizados para escritorio
- Diseños de formas compactas
- Aplicaciones profesionales
- Diseños de varias columnas
Comportamiento receptivo:
Ambos diseños se adaptan automáticamente a las pantallas móviles y se apilan cuando es necesario para una experiencia móvil óptima.
🌐 Más de 195 países compatibles
Lista completa de países:
Menú desplegable completo con todos los países del mundo, desde Afganistán hasta Zimbabue, incluidos todos los territorios y regiones.
Características del país:
- Nombres completos de los países
- Códigos de país ISO
- Ordenado alfabéticamente
- Menú desplegable de búsqueda
- Configuración de país predeterminada
Ocultar campo de país:
Para empresas de un solo país, oculte el campo de país y establezca el país predeterminado. Los usuarios nunca lo ven, pero los datos incluyen el país automáticamente.
Actualizaciones de etiquetas dinámicas:
Cuando el país cambia, las etiquetas de campo se actualizan automáticamente (Estado vs Provincia vs Región, Código Postal vs Código Postal).
✅ Validación de código postal inteligente
Validación específica del país:
Códigos postales de EE. UU.:
Valida formatos de 5 dígitos (12345) o 9 dígitos (12345-6789). Garantiza la correcta estructura del código postal de EE. UU.
Códigos postales canadienses:
Valida el formato A1A 1A1 con el patrón letra-número-letra y el espaciado adecuados.
Códigos postales del Reino Unido:
Valida varios formatos de códigos postales del Reino Unido (SW1A 1AA, M1 1AA, etc.) con la estructura adecuada.
Internacional:
Validación flexible que permite varios formatos de códigos postales en todo el mundo.
Borrar mensajes de error:
Los usuarios ven inmediatamente errores de validación específicos como "Ingrese un código postal válido (12345 o 12345-6789)".
🔄 Integración de autocompletado del navegador
Compatibilidad con navegadores nativos:
Los campos de dirección incluyen atributos de autocompletado HTML5 adecuados. Los navegadores sugieren direcciones guardadas automáticamente.
Funciones de autocompletar:
- Sugerencias de direcciones de calles
- Autocompletar la ciudad
- Finalización del estado/provincia
- Sugerencias de códigos postales
- Selección de país
- Nombres de organizaciones
Respetuoso con la privacidad:
Los usuarios controlan si los navegadores guardan direcciones. El formulario respeta la configuración de privacidad del navegador.
Finalización más rápida:
Los usuarios que regresan completan direcciones en segundos seleccionándolas entre direcciones guardadas.
🔀 Lógica condicional
Visualización dinámica de direcciones:
Mostrar u ocultar campos de dirección según otros valores del formulario. Mostrar la dirección de envío solo cuando sea necesario y revelar la dirección de facturación de forma condicional.
Reglas de lógica avanzada:
- Lógica AND: Se deben cumplir todas las condiciones
- Lógica OR: cualquier condición puede desencadenar la acción
- 8 operadores: igual a, no igual a, mayor que, menor que, contiene, está vacío y más
Casos de uso:
- Mostrar “Dirección de envío” solo cuando la casilla de verificación “Igual que la de facturación” no esté marcada
- Mostrar “Dirección comercial” cuando el tipo de cliente sea “Negocio”
- Revelar “Dirección secundaria” cuando el tipo de servicio requiere múltiples ubicaciones
- Ocultar “Dirección internacional” cuando el país es igual al país de origen
🎯 Experiencia de usuario mejorada
Funciones inteligentes integradas:
- Indicadores de campos obligatorios: asteriscos en campos obligatorios
- Validación a nivel de campo: retroalimentación instantánea por componente
- Texto de marcador de posición: sugerencias útiles en cada campo
- Navegación por pestañas: progresión de campos compatible con el teclado
- Clases CSS personalizadas: aplicar estilo al contenedor de direcciones
- Compatibilidad con accesibilidad: etiquetas ARIA, compatible con lectores de pantalla
- Optimizado para dispositivos móviles: compatible con pantallas táctiles y teclados adecuados
- Compatibilidad con copiar y pegar: las direcciones completas se analizan automáticamente (modo de una línea)
- Texto de ayuda: agregar descripciones para los requisitos de dirección
- Personalización de etiquetas: cambie el texto de cualquier etiqueta de campo
Configuración sencilla en 3 pasos
Prepare su campo de dirección en minutos
Agregar campo de dirección
Arrastre y suelte el campo Dirección desde la sección Campos avanzados en su formulario.
Elegir preajuste
Seleccione un ajuste preestablecido (Internacional, Estados Unidos, Canadá o Personalizado) según la ubicación de su audiencia principal.
Configurar componentes
Habilite o deshabilite partes de dirección específicas (Línea de dirección 2, País, Organización), elija el estilo de diseño (apilado o en línea) y configure el país predeterminado si es necesario.
🎉 ¡Listo! Tu campo de dirección está listo con validación inteligente y soporte global.
Aplicaciones en el mundo real
Comercio electrónico y envíos
* Recogida de dirección de envío
* Captura de dirección de facturación
* Gestión de múltiples direcciones
* Datos de ubicación de entrega
Aplicaciones educativas
* Información de residencia de estudiantes
* Recopilación de direcciones de los padres
* Datos de la dirección del campus
*Direcciones de contacto de exalumnos
Atención sanitaria y servicios
* Información de la dirección del paciente
* Datos de ubicación del servicio
* Direcciones de visitas domiciliarias
*Direcciones de entrega
Gobierno y Legal
* Recogida de direcciones oficiales
* Verificación de residencia
* Datos de la dirección de la propiedad
* Presentación de documentos legales
Registro del cliente
* Direcciones de registro de cuenta
* Datos de ubicación del perfil
* Información de la dirección de contacto
* Recogida de direcciones postales
Registro de Empresas
* Dirección de la sede de la empresa
* Información sobre la ubicación de la sucursal
* Recogida de direcciones de oficina
* Formularios de licencia comercial
Opciones de campo completas
Configuración básica
- Etiqueta de campo: el título que se muestra sobre el campo de dirección
- Descripción/Texto de ayuda: Orientación adicional sobre los requisitos de dirección
- Campo obligatorio: hacer que la entrada de la dirección sea obligatoria
- Marcador de posición: sugerencias para componentes de direcciones individuales
Dirección preestablecida
- Elija la configuración optimizada:
- Internacional – Campos estándar para uso mundial
- Estados Unidos – Optimizado para EE. UU. con menú desplegable de estado
- Canadá – Optimizado para Canadá con menú desplegable de provincias
- Personalizado: control total sobre todas las configuraciones
Componentes de dirección (preajuste personalizado o configuración avanzada)
¿Qué partes de la dirección se deben incluir?
- Línea de dirección 1: Dirección de la calle (siempre se muestra, es obligatoria)
- Línea de dirección 2: Apartamento/Suite/Unidad (opcional)
- Ciudad – Nombre de la ciudad (siempre se muestra, obligatorio)
- Estado/Provincia/Región – División administrativa (opcional)
- Código postal – Código postal (opcional)
- País – Selección de país (opcional)
- Organización – Nombre de la empresa/organización (opcional)
Opciones de estado/provincia
Usar menú desplegable de estado: mostrar el menú desplegable en lugar de la entrada de texto (los ajustes preestablecidos de EE. UU. y Canadá se habilitan automáticamente)
Configuración del país
- Mostrar campo de país: mostrar el selector de país
- País predeterminado: preseleccione un país específico
- Países permitidos: limitar a países específicos (dejar vacío para los 195 o más)
Modo de dirección
- Estructurado: Múltiples campos de entrada (recomendado)
- Una línea: entrada de texto único con análisis
Diseño de campo (solo modo estructurado)
- Apilado: diseño vertical, un campo por línea
- En línea: diseño horizontal y compacto
Personalización de etiquetas
- Personaliza el texto para cada componente:
- Etiqueta de la línea de dirección 1 (predeterminada: “Línea de dirección 1”)
- Etiqueta de la línea de dirección 2 (predeterminada: “Línea de dirección 2”)
- Etiqueta de ciudad (predeterminada: “Ciudad”)
- Etiqueta de estado (predeterminada: “Estado” o “Provincia”)
- Etiqueta postal (predeterminada: «Código postal» o «Código postal»)
- Etiqueta de país (predeterminada: “País”)
- Etiqueta de la organización (predeterminada: “Empresa/Organización”)
Configuración de validación
- Validación de código postal: verificación del formato específico del país
- Componentes obligatorios: marcar campos individuales como obligatorios
- Autocompletar del navegador: habilitar sugerencias de direcciones nativas del navegador
La lógica condicional
- Habilitar lógica condicional: mostrar u ocultar según condiciones
- Tipo de lógica
- Se deben cumplir todas las condiciones (Y)
- Cualquier condición se puede cumplir (O)
- Reglas de condición
- Mostrar/Ocultar – Acción a tomar
- Campo – ¿Qué campo comprobar?
- Operador – Igual, No igual, Contiene, Mayor que, Menor que, Está vacío, No está vacío
- Valor – Valor de comparación
- Condiciones múltiples: agregue reglas ilimitadas
Opciones Avanzadas
- Clases CSS personalizadas: aplique un estilo personalizado al contenedor de direcciones
- Atributos de accesibilidad: etiquetas ARIA para lectores de pantalla
- Orden de campo: reordenar los componentes de la dirección (ajuste preestablecido personalizado)
¿Por qué elegir nuestro campo de dirección?
✅Preajustes inteligentes – Configuraciones optimizadas internacionales, de EE. UU. y Canadá
✅Componentes flexibles – Habilitar/deshabilitar cualquier parte de la dirección
✅Menús desplegables de estado – 50 estados de EE. UU., 13 provincias/territorios canadienses
✅Soporte Global – Más de 195 países con etiquetas adecuadas
✅Validación postal – Comprobación del formato específico del país
✅Dos modos – Campos estructurados o entrada de una línea
✅Dos diseños – Disposiciones apiladas o en línea
✅Autocompletar listo – Las sugerencias de direcciones del navegador funcionan perfectamente
✅Totalmente integrado – Funciona a la perfección con todas las funciones del formulario
Preguntas frecuentes
P: ¿Cuál es la diferencia entre los ajustes preestablecidos?
Internacional funciona en todo el mundo con un selector de países. El ajuste preestablecido de EE. UU. optimiza las direcciones estadounidenses con un menú desplegable de los 50 estados y validación de código postal. El ajuste preestablecido de Canadá incluye un menú desplegable de provincias y las reglas del código postal canadiense. La opción personalizada ofrece control total.
P: ¿Puedo ocultar el campo de país?
Sí. Para usar un solo país, desactive "Mostrar país" y elija uno predeterminado. Los usuarios no lo ven, pero los datos enviados incluyen el país automáticamente.
P: ¿Cómo funcionan los menús desplegables de estados?
Los ajustes preestablecidos de EE. UU. y Canadá ofrecen un menú desplegable completo de estados o provincias. El modo internacional utiliza entradas de texto estándar para que los usuarios puedan introducir libremente los nombres de las regiones.
P: ¿Qué es el modo de una línea?
Reemplaza todos los componentes de la dirección con un solo campo de texto donde los usuarios introducen la dirección completa. El sistema la analiza en partes individuales en el servidor.
P: ¿Puedo hacer que algunos campos sean opcionales?
Sí. En la configuración personalizada o avanzada, elija qué campos son obligatorios u opcionales. La línea de dirección 1 y la ciudad siempre son obligatorios.
P: ¿Cómo funciona la validación del código postal?
El sistema valida los formatos según el país seleccionado. Los códigos postales de EE. UU. requieren 5 o 9 dígitos, los de Canadá siguen el formato A1A 1A1 y los del Reino Unido siguen los estándares del Reino Unido.
P: ¿Puedo personalizar las etiquetas de campo?
Sí. Cambie el nombre de las etiquetas para que coincidan con su región; por ejemplo, cambie el código postal a código postal o el estado a provincia.
P: ¿Qué países son compatibles?
Los más de 195 países, incluidos territorios y regiones, con nombres precisos y códigos ISO.
P: ¿Funciona el autocompletado del navegador?
Sí. Se incluyen atributos de autocompletar adecuados para que los navegadores puedan sugerir direcciones guardadas automáticamente.
P: ¿Puedo recopilar varias direcciones?
Sí. Agregue varios campos de dirección, como Facturación y Envío. Use lógica condicional para mostrarlos u ocultarlos cuando sea necesario.
P: ¿Cómo puedo cambiar del diseño apilado al diseño en línea?
Seleccione "Diseño de campo" y cambie a "En línea" para la colocación horizontal o "Apilado" para la vertical. Ambos se adaptan a dispositivos móviles.
P: ¿Puedo utilizar esto para negocios internacionales?
Sí. El ajuste preestablecido internacional admite todos los países y la validación se ajusta automáticamente según el país seleccionado.
