Put Your Forms On The Map with New Forminator Geolocation AddOn

G2 Spring Awards 2023 - How WPMU DEV Performed

Our formtastic team’s done it again! Forminator’s new Geolocation Add-on with Google Maps API integration lets you effortlessly gather geolocation data from your form submissions and provide address auto-completion for a smoother user experience.

See where form users are located with Forminator’s new geolocation feature.

After releasing the highly anticipated PDF Generator Add-on, we’re proud to announce another powerful addition to our form-building plugin…Geolocation add-on!

If your business needs to collect location information from users, Forminator Pro with Geolocation Add-on is the only form-building plugin you’ll need.

In this post, we’ll look at:

Key Benefits of Using Forminator’s Geolocation Add-on

With Forminator’s Geolocation Add-on enabled, you can enhance forms on your site in the following ways:

Accurate Location Detection

Forminator can precisely pinpoint the user’s location by harnessing the device’s GPS or IP address.

This information is seamlessly integrated into your forms, giving you real-time access to where your users are located.

Moreover, the Geolocation feature includes a convenient address lookup function, allowing users to search for and select their location using postal addresses, city names, or zip codes.

Forminator form submissionSee the user’s location in your form submissions.

Interactive Map View

One of the standout aspects of the Geolocation feature is its map view. Not only can users see their location on a map but also interact with it.

Users have the option to manually input their location or select it directly from a map marker. This dynamic map view enhances user engagement and makes it easy for users to provide accurate location details.

Customization Options

Forminator’s Geolocation offers a range of customization options to suit your needs. You can configure the display of Google Maps next to your address field, choose whether to position the map above or below the address field, and even adjust the map’s size, ensuring a responsive or custom fit for various devices.

Additionally, you have the flexibility to set a default map location based on specific latitude and longitude coordinates.

Geolocation Map CustomizationYou can easily customize your map’s geolocation options.

Seamless Integration

To utilize the Geolocation feature, simply enter your Google Maps API key in the Geolocation settings, ensuring a seamless and reliable experience for your users.

Global Settings

For ease of use across all your forms, you can enable Geolocation as a default setting on all address fields throughout your site. This simplifies the process of collecting location information from your users.

Forminator Geolocation SettingsEnable Geolocation as a default setting on all new forms.

User-Friendly Configuration

If you require users to provide location access before submitting a form, the “Require access to users’ location” option can be enabled. Additionally, you can customize the error message displayed if users choose not to provide location access.

How To Use Forminator’s Geolocation Add-on

To install and use the Geolocation Add-on, you’ll need to have Forminator Pro installed and activated on your site.

Forminator Pro is included in all paid memberships, so if you’re not a WPMU DEV member yet, consider becoming one by choosing one of our risk-free membership plans.

With Forminator Pro installed, go to the Add-Ons section of the plugin’s menu and click Install.

Forminator Add-Ons screen: Geolocation Addon highlighted.Install Geolocation in the plugin’s Add-Ons screen.

Once the plugin has been installed, click Configure.

Formoinator Add-Ons - Geolocation - Configure button highlighted.You’ll need to configure the Add-On before you can use it.

You’ll need to add a valid Google Maps API key to enable and set up geolocation on your forms. Refer to our Forminator Docs for instructions on obtaining this key if you need help with this step.

Enter your key into the Google Maps API field, switch the toggle on to enable geolocation as the default option for all your new forms (optional), and click the Save button to continue.

Configure GeolocationEnter your Google Maps API key.

Once the API key has been validated and the configuration has been successfully saved, a confirmation message will display briefly on your screen letting you know that you’re all good to go.

Note: You can access additional Geolocation configuration settings for individual forms (e.g. disabling geolocation or making it mandatory for users to provide their location details in order to submit a form) in the Forms > Edit Form > Settings section.

Forminator Form Settings screenConfigure additional Geolocation settings in the Form Settings section.

With the addon configured, let’s go through an example of adding Geolocation field to a form.

Adding Geolocation Fields To Forms

In the Forms section, select a form or create a new form and select Edit > Fields.

Forminator: Edit Form - Insert fields button.Click on the Insert fields button to add Geolocation to a form.

Select the Address field and click the Insert Fields button.

Forminator form fields selectorAdd an address field to your form.

The Address field is highly customizable and includes a Geolocation tab with advanced options for configuring maps, such as:

  • Autocomplete: Provides real-time suggestions as users enter an address into the field.
  • Display address in Map: Displays a map next to the address fields
  • Map Position: Choose whether to display the map above or below (default) the address field.
  • Map Size: Set a responsive or custom size for your map.
  • Default Map Location: Set a default of custom location for your map.
Forminator Address field settings - Geolocation options.Forminator Address field settings include advanced Geolocation options.

Configure the above settings to suit your needs and to facilitate user interaction with your form maps and a great user experience.

For example, enable autocomplete to display matching locations as users start typing and to fill in the address fields automatically when an address is selected from the options displayed.

Forminator geolocation - autocomplete fieldsEnable autocomplete for a smoother and more interactive user experience with form maps.

Once the browser loads the form page, it will prompt users to give access to their location. Allowing this access will then show the user’s current location on the map and auto complete the address fields.

Forminator form with mapEnabling autocomplete also prefills all address details on the form.

By simply clicking on different points on the map, users can also change their location and update address fields.

Clicking on different points on the map changes the address on the form fields.

All form information including the user’s geolocation details and a map will also display on Forminator’s submission page.

Forminator submission page with example of form submission.An example of a Forminator form submission showing a map with the user’s location and coordinates.

It’s All About Geolocation, Geolocation, Geolocation

Forminator’s new Geolocation feature empowers you to collect and leverage location information from your form users, gain valuable insights into your audience, whether they are customers, employees, or suppliers, and make more informed business decisions.

Check out this feature in Forminator Pro and if you need any help, see our documentation or contact our expert 24/7 support team.

Keep reading the article at WPMU DEV Blog. The article was originally written by Martin Aranovitch on 2023-09-11 00:44:08.

The article was hand-picked and curated for you by the Editorial Team of WP Archives.

Disclosure: Some of the links in this post are "affiliate links." This means if you click on the link and purchase the product, We may receive an affiliate commission.

Leave a Comment

Your email address will not be published. Required fields are marked *

Show Your ❤️ Love! Like Us
Scroll to Top