Cómo agregar un mapa de formulario de contacto con un complemento de WordPress

¿Le gustaría agregar un mapa (como Google Maps) a su formulario de contacto con un complemento de WordPress? Colocar un mapa junto a su formulario de contacto ayudará a su usuario a lograr una claridad sobre su ubicación y lo ayudará a obtener clientes potenciales de alta calidad. En este tutorial, le presentaremos cómo mostrar un formulario de contacto de WordPress con un mapa. Cree su mapa de formulario de contacto ahora ¿Por qué agregar un mapa a un formulario de contacto? Por supuesto, no es ningún secreto que la mayoría de los propietarios de pequeñas empresas que tienen sitios web saben por qué necesita un formulario de contacto.
Pero, es posible que se pregunte por qué agregaría un mapa a ese formulario de contacto. Bueno, agregar un mapa a su formulario de contacto puede ser una excelente idea.
WPFORMS es el mejor complemento de WordPress Form Builder. ¡Tómelo gratis!
Aquí hay algunas razones de por qué:
Los mapas en formularios de contacto pueden ayudarlo a obtener mejores clientes potenciales con menos errores de escritura
Aclarar la ubicación en la que ingresa el usuario
Ayude a su usuario a encontrar una ubicación exacta con un Pike móvil
Es muy fácil de hacer con un clic en un botón (usando el complemento WPFFORMS)
En lugar de tener que codificar un mapa usted mismo en su sitio web o pagar por un desarrollador web, puede hacerlo fácilmente con WPForms Pro.
Luego le mostraremos exactamente cómo agregar un mapa del formulario de contacto con un complemento de WordPress. Cómo agregar un mapa del formulario de contacto Siga estas luz, instrucciones paso a paso, para obtener un mapa del formulario de contacto agregado a su sitio de WordPress, utilizando un complemento. Paso 1: Descargue el complemento WPFFORMS Lo primero que debe hacer es instalar y activar el complemento WPFFORMS. Aquí hay una guía paso por paso sobre cómo instalar un complemento de WordPress. Necesitará WPForms Pro para acceder al suplemento de geolocalización. Paso 2: Inicie el complemento Geolocation Una vez que se activa el complemento WPFFORMS, vaya a los complementos WPFFORMS »y use la barra de búsqueda para ubicar el complemento de geolocalización. Haga clic en la activación para activarlo. El metraje de geolocalización tiene algunas funciones maravillosas que puede usar en su sitio ahora. Ahora, como estas 2 maravillosas:

Geolocalización de la entrada del formulario: podrá ver de dónde provienen los usuarios del formulario, lo que puede ayudarlo a segmentar mejor la lista de correos electrónicos.
2. Finalización automática de la dirección: a medida que los usuarios del tipo, el campo de su dirección puede mostrar automáticamente la dirección antes de completarla.

Podrá usar ambas herramientas interesantes una vez que reciba el formulario de contacto en su sitio web, así que continuemos creando su formulario de mapa.

Paso 3: Personalice el suplemento de geolocalización ahora, después de activar el suplemento de geolocalización, es hora de configurarlo y personalizarlo. Navegue a la configuración de WPForms »y haga clic en la pestaña Geolocalización.
Ahora, deberá elegir el proveedor del que desea obtener la información geolocal del área del proveedor. Si lo desea, puede dejar que la ubicación de su usuario sea previamente compatible en un formulario marcando el cuadro de selección de ubicación actual.

Si marca esta casilla de ubicación actual, los visitantes verán una casilla como esta cuando abra una página con su formulario de contacto:

Consulte nuestra documentación completa sobre la configuración del programa de complemento de geolocalización para encontrar información sobre el proveedor de servicios de localización que utilizará y cómo completar esta configuración. Una vez que la configuración del proveedor de ubicación se completa en la configuración de geolocalización, está listo para crear el mapa del formulario de contacto. Paso 4: Cree su formulario de contacto, así que sigamos y creemos su formulario de contacto con un mapa ahora. Esta parte tomará menos de 5 minutos. Para comenzar a crear el nuevo formulario, haga clic en el botón Agregar nuevo para iniciar el generador de formulario WPFFORMS.

Ahora puede ingresar un nombre para su formulario en el campo de entrada de nombre de formulario. En este ejemplo, usaremos “Contáctenos”.

Según el nombre del formulario, seleccione la plantilla que desea usar haciendo clic en ella. Hagamos un formulario de contacto simple y agregaremos nuestro mapa en breve.

Luego, su plantilla de formulario de contacto simple se completará con algunos campos estándar, como:

Nombre (nombre, primer nombre)

Correo electrónico
Comentario o mensaje
Ahora, probablemente hay algunas otras cosas que otras configuraciones de formulario querrán configurar, como notificaciones y confirmaciones. Si es así, (y recomendamos esto) consulte nuestra guía detallada sobre la creación del primer formulario. ¡Buen trabajo! A continuación, agregemos un campo a su formulario que le permitirá activar la opción de visualización del mapa. Paso 5: Habilite la opción de visualización de su mapa Una vez que su formulario esté cargando, verá todos los campos que puede agregar al formulario.
Para usar la opción MAP de mapa de mapa HAR, deberá agregar el campo de dirección o una sola línea.

En este tutorial, usaremos el campo de texto con una sola línea, de modo que la dirección aparezca en una sola línea. Para agregar este campo a su formulario, puede hacer clic en el nombre del campo o tirarlo y sujetarlo desde el panel izquierdo al formulario derecho.
¿No necesitas uno de los campos? Para eliminar cualquier campo en el formulario, cruce el cursor sobre el campo y haga clic en el botón de basura roja.

Ok, ahora que ha agregado su campo de texto de una sola línea, es hora de activar un mapa en el formulario. En la pestaña Opciones de campo para un campo de texto de una sola línea, haga clic en Opciones avanzadas.

Verá algunas opciones diferentes ahora, así que ejecute en la parte inferior y active la casilla de verificación junto para activar la dirección automática, luego marque la casilla junto a la pantalla del mapa.

El mapa será predeterminado por encima del campo, pero puede cambiarlo para estar a continuación si lo desea. Simplemente haga clic en el menú Drop -down y cambie al campo a continuación.

Finalmente, cambiemos el nombre de este campo en “Dirección” para que sus usuarios no vean “Texto de una línea” al completar su formulario. Desplácese hacia arriba en el panel de opciones de opciones en el lado izquierdo y edite la etiqueta para decir “dirección”. Ahora, haga cualquier otro cambio que desee en el formulario y, cuando le guste, haga clic en Guardar en la esquina superior derecha.

Buen trabajo. Tu formulario está listo para debutar. Paso 6: Publique su mapa del formulario de contacto ¿Está listo para publicar su formulario de contacto con un mapa? Con el complemento WPFFORMS PRO, es muy fácil incorporar el formulario en su sitio.

Entonces, una vez que su formulario muestra cómo desea y se guarda, haga clic en el botón Incorporar en la esquina superior derecha.

Aquí puede seleccionar cualquier página de WordPress que desee, ya sea una página existente o una nueva página. En este tutorial, haremos clic en la creación de una nueva página.

Luego llame a su página de todos modos que desee y haga clic en Vamos!

Voila. Esto agregará automáticamente su formulario de contacto con el mapa en su página de WordPress. Luego haga clic en “Publicar” (o actualizar, si usa una página existente) para desatar su formulario en vivo en Internet.
Felicidades: su formulario de contacto con un mapa ahora está en vivo en Internet. Aquí hay una idea de cómo se verá:

¡Eso es todo! Ahora sabe cómo crear fácilmente un mapa de formulario de contacto con un complemento de WordPress. Cree su mapa de formulario de contacto Ahora cree su propio mapa de formulario de contacto hoy es muy fácil de construir su propio mapa de formulario de contacto. Obtenga WPForms Pro hoy para acceder al suplemento de geolocalización que le permite agregar estos maravillosos mapas. También tendrá acceso a muchas otras funciones útiles. Y en la parte superior de los mapas de formulario de contacto, WPFForms Pro incluye: un generador fácil de usar, cree sus propios formularios en unos minutos sin escribir una sola línea de código.

Encuestas: recopile datos a través de encuestas y encuestas y véalas en hermosos informes.

Páginas de formulario: atraiga a más personas que completen sus formularios creando páginas de formulario sin formularios en un solo clic.

Formularios de pedido: acepte Stripe y PayPal directamente en sus formularios y acepte dinero en línea.

Informes de viaje de los usuarios: vea dónde estaban las personas en su sitio antes de completar su formulario.
Formas seguras: proteja los formularios con opciones anti -Spam, como Captcha, Hcaptcha o Google Recaptcha V2 o V3.
Formas de conversación: siga las tasas de conversión que aumentan con una apariencia extremadamente atractiva y moderna.
Más de 100 plantillas: nunca construya un formulario desde cero con plantillas preconstruidas a partir de los tipos de formas más populares.
Asistencia premium: vaya a un equipo amigable e informado que lo ayudará a guiarse en la dirección correcta si necesita ayuda con los formularios de su sitio web.
… Y más.