Cómo incrustar un mapa de Google en formularios de contacto

Publicado: 2022-06-28

Si tiene un sitio web exitoso, es probable que esté buscando formas de mejorar su experiencia de usuario y atraer a más visitantes. En WP Full Care entendemos completamente cómo estas cosas son esenciales para su negocio y es por eso que le mostraremos cómo incrustar un mapa de Google en sus formularios de contacto. Puede que no parezca mucho, pero detalles como este pueden hacer maravillas para atraer a más visitantes a su sitio web. Ahora, ¡manos a la obra!

Razones por las que deberías insertar un mapa de Google en tus formularios de contacto

Existe una buena probabilidad de que, cuando configuró su sitio web en WordPress, incluyó un formulario de contacto para que los visitantes del sitio lo usen para ponerse en contacto. Quería facilitar que sus clientes potenciales hicieran preguntas sobre los bienes y servicios que ofrece . Además, si tu empresa tiene presencia física, lo más probable es que hayas incluido en tu web un Google Map de esa zona para atraer a los clientes a comprar en tu establecimiento.

Persona que sostiene un teléfono inteligente en una mano y escribe en una computadora portátil con la otra
Si incrusta un mapa de Google en sus formularios de contacto, mejorará la experiencia del usuario.

Sin embargo, también puede y debe incrustar un mapa de Google en sus formularios de contacto. Estas son las dos razones principales por las que:

  • Puede utilizar la geolocalización para completar automáticamente el campo de dirección en su formulario de contacto, e incluso puede mostrar la posición del usuario en un mapa usando esta función. Sin embargo, muchos propietarios de sitios web de empresas desconocen esta característica. Esto mejora la experiencia del usuario en general y ayuda a reducir la cantidad de personas que dejan sus envíos de formularios .
  • Si sabe dónde se encuentran sus usuarios, puede utilizar la segmentación por geolocalización para proporcionarles contenido más personalizado . Esto realmente puede ayudarlo a aumentar las tasas de conversión.

Agregar un mapa de Google a sus formularios de contacto es bastante fácil y, más adelante en este artículo, le informaremos cómo hacerlo. Por supuesto, siempre puede elegir la forma más fácil y hacer que esto se haga como parte del soporte personalizado de su sitio web.

Una forma sencilla de insertar un mapa de Google en sus formularios de contacto

La forma más fácil de incrustar un mapa de Google en sus formularios de contacto es usar el complemento de formularios WP, que se considera ampliamente como el principal complemento de formulario de contacto para WordPress. Con una interfaz intuitiva de arrastrar y soltar, el generador de formularios permite diseñar rápida y fácilmente cualquier tipo de formulario .

Existe una versión gratuita de WPForms que se puede descargar y viene equipada con todas las funciones necesarias para crear un formulario de contacto simple. Sin embargo, dado que WPForms Pro ya viene con la extensión de Google Maps, la usaremos en su lugar para esta lección.

Instalar y activar el complemento WPForms es lo primero en su lista de cosas por hacer. A continuación, ubique el complemento de geolocalización yendo a la opción de menú WPForms » Addons . Tiene la opción de utilizar la barra de búsqueda que aparece en la parte superior de la pantalla. Una vez que lo haya localizado, debe hacer clic en la opción " Instalar complemento " para comenzar el proceso de instalación del complemento.

Agregar página de complementos en WordPress
La forma más fácil de incrustar un mapa de Google en sus formularios de contacto es usar el complemento WP Forms.

A continuación, tendrá la tarea de configurar los parámetros del complemento. Para lograr esto, vaya a WPForms » Configuración y luego seleccione la pestaña Geolocalización en el menú desplegable. Se le pedirá que elija un proveedor de geolocalización en la siguiente página. A la luz del enfoque de este artículo, hemos decidido utilizar la API de Google Places .

El siguiente paso es ubicar la configuración de la API de Google Places desplazándose hacia abajo en la página. Allí, deberá proporcionar su clave API de Google . Puede recibir su clave de Google, luego copiarla y pegarla en el campo. Ahora descubramos cómo mejorar sus formularios de contacto con Google Maps.

¿Cómo crear formularios de contacto con Google Map incrustado en WordPress?

Una vez que configure WPForms y los lugares de Google, es hora de crear un formulario de contacto e incrustar un mapa de Google en él. Después de crear un formulario básico, deberá incluir un campo para la dirección. Tiene la opción de utilizar un campo de texto de una sola línea o un bloque de direcciones . Usaremos un campo de texto de una sola línea por el bien de este tutorial .

En el siguiente paso, configuraremos los parámetros del campo. Para lograr esto, deberá hacer clic en el campo para ver los parámetros para el formato de texto de una sola línea. Para comenzar, debe modificar la etiqueta del campo para que diga " Dirección ". Sus usuarios no tendrán problemas para entender qué es lo que debe ir al campo si hace esto.

Después de eso, deberá ajustar la configuración del campo para que muestre un mapa y para hacer esto, deberá seleccionar la pestaña Avanzado. Cuando llegue allí, vaya hasta el final de la configuración y busque una opción llamada "Habilitar autocompletado de direcciones" . Alterne esa opción para que se establezca en "Activado". Después de eso, verá una nueva opción que dice "Mostrar mapa" , que es otra función que debe activar. Tiene la opción de mostrar el mapa encima o debajo del campo .

¿Cómo agregar un formulario de contacto a su sitio web?

Hacer clic en el botón "Incrustar" es la forma más rápida y sencilla de incorporar el formulario de contacto en su sitio web. Puede ubicarlo en la parte superior de la pantalla del editor de formularios, directamente al lado del botón "Guardar" . Tendrá la opción de agregar el formulario a una página ya existente o crear una nueva .

Persona con auriculares amarillos programando frente a una ventana grande
La mejor parte de tener un sitio web de WordPress es que es completamente amigable para principiantes.

Simplemente seleccione "Crear nueva página", asigne un nombre a la página y haga clic en el botón que dice "¡Vamos!" - ¡Es tan simple como eso! De esta manera, creará una nueva página con un nombre de su elección a la que se adjuntará instantáneamente su formulario de contacto. ¡No olvides hacer clic en "Publicar" y habrás terminado oficialmente!

La línea de fondo

Como puede ver, es muy sencillo incrustar un mapa de Google en los formularios de contacto. El complemento WP Forms es muy sencillo y hace que cualquier tarea relacionada con formularios sea simple incluso para principiantes. Por supuesto, no tiene que hacer nada de esto por su cuenta si se comunica con expertos de WordPress. ¡Se asegurarán de que su sitio web funcione sin problemas y de que el número de visitantes siga aumentando!