Agregar integración de mapas es una ventaja para su sitio web que lo ayudará a conocer la ubicación de sus clientes. Ahora, con MetForm, puede agregar fácilmente la ubicación del mapa de Google a su formulario.

Requisitos previos:  #

For Google Maps integration to your WordPress forms, you need to have the following plugins installed on your WordPress site:

• Elementor: Descargar complemento
• MetForm Pro: Obtenga el complemento

👑 You need to have the MetForm Professional Plan to use this feature.

Cómo crear una integración de mapas #

Es una característica muy útil que le ayudará a conocer más a sus clientes o a quienes envían formularios. A través de MetForm puede crear fácilmente una integración de mapas adoptando dos pasos. Profundicemos para agregar esta integración.

Paso 1: generar e insertar la clave API del mapa. #

Primero, vaya a su panel de administración, luego coloque el mouse sobre MetForm y haga clic en configuración.

Después, visit general -> map luego, presione el Enlace “crear formulario aquí” como la imagen.

Lo redireccionará a Google Cloud Platform desde donde deberá iniciar sesión o registrarse.

Ahora tienes que hacer clic en el menú de navegación.

Encontrar APIs & Services -> Go to Library -> Find Maps JavaScript API and Places API

A continuación, debe hacer clic en API de JavaScript y habilitarla.

Al igual que JavaScript, debes habilitar la API de lugares. Después de eso, genere una clave API desde Credencial. Si no sabe cómo crear esta clave API, lea esto documentación sobre la API de JavaScript.

Después de crear la clave API del mapa, ingrese esa clave en el cuadro API y presione el botón guardar cambios.

Obtenga más información sobre el configuración general de MetForm.

Paso 2: agregue un nuevo formulario para integrarlo con el mapa. #

Después de ingresar su clave API, debe crear un formulario.

Para hacerlo, vaya a Forms -> Add New. Se abrirá una ventana emergente de configuración después de hacer clic en el botón Agregar nuevo.

Necesitas vaya a la sección General desde la configuración -> choose the title for your form -> click the edit content button. Esto lo redireccionará al panel de Elementor desde donde deberá arrastrar y soltar el widget de ubicación del mapa de Google como el siguiente gif.

Aquí está el aspecto final de la integración de mapas: