Personalización del campo Dirección

El campo de dirección es un elemento básico

Desbloquee el campo de direcciones y otras potentes funciones para hacer crecer su negocio.

Obtener WPForms Basic

¿Le gustaría personalizar el campo Dirección para adaptarlo mejor a las necesidades de su sitio web? El campo Dirección puede ser una parte importante de su formulario, pero la configuración predeterminada no siempre es la misma para todos.

Esta guía le mostrará cómo personalizar fácilmente el campo Dirección en sus formularios.

Active JavaScript en su navegador para rellenar este formulario.

Pruebe esta demostración de formulario

Dirección

Edición de la etiqueta y la descripción de los campos

El generador de formularios le da la opción de editar tanto la etiqueta como la descripción del campo Dirección. Para ello, seleccione el campo Dirección y haga clic en el campo Etiqueta o Descripción para comenzar la edición.

Descripción de la etiqueta de dirección

Ocultar etiquetas y subetiquetas de campo

Algunos campos, como el de dirección, tienen etiquetas y subetiquetas. Las etiquetas se utilizan para el campo general, mientras que las subetiquetas se utilizan para campos más pequeños anidados en su interior, como Ciudad, Estado y Código postal.

Puede elegir ocultar las Subetiquetas por defecto debajo de cada campo de entrada. Para encontrar esta opción, vaya a la pestaña Avanzado y seleccione Ocultar Subetiquetas.

Ocultar subetiquetas

Si desea personalizar aún más las subetiquetas del campo Dirección, como cambiar su texto, puede utilizar un fragmento de código PHP específico. Para obtener instrucciones detalladas sobre cómo aplicar estos cambios, consulta nuestra documentación para desarrolladores.

Elegir un esquema de direcciones

El esquema del campo Dirección determina el formato del campo y actualmente ofrece dos opciones: EE.UU. e Internacional. Para cambiar esto, haga clic en el campo desplegable Esquema y seleccione la opción que mejor se adapte.

Esquema de direcciones

Si se selecciona EE.UU., el usuario verá una lista desplegable de estados entre los que puede elegir.

Esquema de direcciones US

Si se selecciona Internacional, aparecerá una lista de países entre los que se puede elegir e introducir manualmente la provincia/estado/región.

Esquema internacional de direcciones

Si desea crear esquemas personalizados para sus formularios, consulte nuestra guía completa para crear esquemas adicionales para el campo Dirección.

Campo obligatorio

La opción Obligatorio obligará a los usuarios a rellenar completamente el campo Dirección. Si se selecciona, el formulario no se enviará o el usuario no podrá pasar a la página siguiente si se trata de un formulario de varias páginas.

campo obligatorio

Añadir texto de marcador de posición o valores por defecto

Puede ayudar a sus usuarios a rellenar el formulario añadiendo texto de marcador de posición o valores por defecto. Los marcadores de posición pueden utilizarse como ejemplo para mostrar a los usuarios la información que deben introducir en el campo. Los valores por defecto pueden utilizarse para rellenar automáticamente un campo para un usuario.

El texto del campo Valor predeterminado debe coincidir exactamente con la opción del campo desplegable País o Estado. Por ejemplo, el campo desplegable Estado del esquema de direcciones de EE.UU. incluye la opción Distrito de Columbia. Para utilizarlo como valor predeterminado, el texto del campo Valor predeterminado también deberá ser Distrito de Columbia.

Ocultar subcampos adicionales

Si su formulario no requiere subcampos como la línea de dirección 2, puede ocultar estos subcampos adicionales cambiando el interruptor Mostrar a Ocultar para cada campo en el constructor de formularios.

Ocultar subetiquetas adicionales

Activar la función de autocompletar direcciones

Para utilizar la función de autocompletar direcciones, primero tendrá queinstalar y activar el complemento de Geolocalización en .

Requisitos: Necesitarás un nivel de licencia Pro o superior para acceder al addon Geolocalización.

A continuación, en la pestaña Avanzado, puede activar la función de autocompletar direcciones seleccionando la opción Activar autocompletar direcciones.

Activar la función de autocompletar direcciones

Si lo desea, también puede elegir mostrar un mapa interactivo en el frontend de sus formularios seleccionando la opción Mostrar mapa.

Mostrar mapa

Eche un vistazo a nuestra plantilla de formulario de autocompletado del campo de dirección para obtener una vista previa en vivo de esta función.

Una vez que tengas todo configurado, asegúrate de guardar el formulario.

¡Ya esta! Ahora puede personalizar sus opciones de campo Dirección en WPForms.

A continuación, ¿te gustaría personalizar el resto de los campos del formulario? Asegúrese de consultar nuestro tutorial sobre la personalización de las opciones de los campos de formulario para obtener más detalles y muchos ejemplos.

El mejor plugin de WordPress para crear formularios arrastrando y soltando

Fácil, rápido y seguro. Únete a más de 6 millones de propietarios de sitios web que confían en WPForms.

Active JavaScript en su navegador para rellenar este formulario.