Get Early Access to GutenKit Page Builder Blocks

Map Integration

Adding map integration is an advantage for your website that will help you to find out your customer’s location. Now with MetForm, you can easily add google map location to your form.

How to create a map integration #

It is a very helpful feature that will help you to know your customers or form submitters more. Through MetForm you can easily create map integration by adopting two steps. Let’s dive in for adding this integration.

Step 1: Generate and insert map API key. #

First, go to your admin dashboard then hover your mouse on MetForm and click settings.

After that, visit general -> map then, press the “create form here” link like the image.

map integration settings

It will redirect you to the Google Cloud Platform from where you have to login or sign up.

Now, you have to click the navigation menu.

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

Next, you have to click JavaScript API and enable it.

Enable JavaScript for map integration

Like JavaScript, you need to enable places API. After that, generate an API key from Credential. If you don’t know how to create this API key then read this documentation regarding JavaScript API.

Enable places API for integrating with map

After creating the map API key, enter that key in the API box and press the save changes button.

api_key_for_map_integration

Learn more about the general settings of MetForm.

Step 2: Add a new form to integrate with the map. #

After entering your API key, you need to create a form.

To do it, go to Forms -> Add New. A popup from settings will open up after clicking the Add New button.

add_form_for_map_integration

You need to go to General section from the settings -> choose the title for your form -> click the edit content button. This will redirect you to the Elementor dashboard from where you need to drag and drop the google map location widget like the below gif.

Add and edit google map location with MetForm

Here is the final look of map integration:

Final look of map integration

What are your feelings
Updated on January 28, 2024