Our formtastic group’s carried out it once more! Forminator’s new Geolocation Upload-on with Google Maps API integration allows you to without problems acquire geolocation information out of your kind submissions and supply cope with auto-completion for a smoother consumer enjoy.
![Forminator map with geolocation feature.](https://wpmudev.com/blog/wp-content/uploads/2023/09/forminator-form-map.png)
After freeing the extremely expected PDF Generator Upload-on, we’re proud to announce any other tough addition to our form-building plugin…Geolocation add-on!
If your corporation wishes to gather location data from customers, Forminator Professional with Geolocation Upload-on is the one form-building plugin you’ll want.
On this submit, we’ll have a look at:
- Key Advantages of The use of Forminator’s Geolocation Upload-on
- Find out how to Use Forminator’s Geolocation Upload-on
Key Advantages of The use of Forminator’s Geolocation Upload-on
With Forminator’s Geolocation Upload-on enabled, you’ll strengthen bureaucracy to your website online within the following tactics:
Correct Location Detection
Forminator can exactly pinpoint the consumer’s location by way of harnessing the instrument’s GPS or IP cope with.
This data is seamlessly built-in into your bureaucracy, providing you with real-time get entry to to the place your customers are positioned.
Additionally, the Geolocation characteristic features a handy cope with search for serve as, permitting customers to seek for and make a choice their location the use of postal addresses, town names, or zip codes.
![Forminator form submission](https://wpmudev.com/blog/wp-content/uploads/2023/09/user-location.png)
Interactive Map View
Some of the standout sides of the Geolocation characteristic is its map view. No longer handiest can customers see their location on a map but additionally have interaction with it.
Customers have the ability to manually enter their location or make a choice it at once from a map marker. This dynamic map view complements consumer engagement and makes it simple for customers to supply correct location main points.
Customization Choices
Forminator’s Geolocation provides a variety of customization choices to fit your wishes. You’ll be able to configure the show of Google Maps subsequent for your cope with box, make a selection whether or not to place the map above or underneath the cope with box, or even regulate the map’s measurement, making sure a responsive or customized are compatible for quite a lot of units.
Moreover, you’ve the versatility to set a default map location in accordance with explicit latitude and longitude coordinates.
![Geolocation Map Customization](https://wpmudev.com/blog/wp-content/uploads/2023/09/geolocation-map-customization.png)
Seamless Integration
To make use of the Geolocation characteristic, merely input your Google Maps API key within the Geolocation settings, making sure a continuing and dependable enjoy on your customers.
International Settings
For ease of use throughout your entire bureaucracy, you’ll permit Geolocation as a default atmosphere on all cope with fields all the way through your website online. This simplifies the method of gathering location data out of your customers.
![Forminator Geolocation Settings](https://wpmudev.com/blog/wp-content/uploads/2023/09/geolocation-settings-1050x552.png)
Consumer-Pleasant Configuration
In the event you require customers to supply location get entry to earlier than filing a kind, the “Require get entry to to customers’ location” possibility may also be enabled. Moreover, you’ll customise the mistake message displayed if customers make a selection to not supply location get entry to.
How To Use Forminator’s Geolocation Upload-on
To put in and use the Geolocation Upload-on, you’ll want to have Forminator Professional put in and activated to your website online.
Forminator Professional is integrated in all paid memberships, so should you’re no longer a WPMU DEV member but, imagine changing into one by way of opting for one in all our risk-free club plans.
With Forminator Professional put in, cross to the Upload-Ons phase of the plugin’s menu and click on Set up.
![Forminator Add-Ons screen: Geolocation Addon highlighted.](https://wpmudev.com/blog/wp-content/uploads/2023/09/fominator-addons-screen-1050x492.png)
As soon as the plugin has been put in, click on Configure.
![Formoinator Add-Ons - Geolocation - Configure button highlighted.](https://wpmudev.com/blog/wp-content/uploads/2023/09/configure-geolocation.png)
You’ll want to upload a sound Google Maps API key to permit and arrange geolocation to your bureaucracy. Check with our Forminator Medical doctors for directions on acquiring this key if you wish to have assist with this step.
Input your key into the Google Maps API box, transfer the toggle directly to permit geolocation because the default possibility for your entire new bureaucracy (non-compulsory), and click on the Save button to proceed.
![Configure Geolocation](https://wpmudev.com/blog/wp-content/uploads/2023/09/configure-geolocation-modal.png)
As soon as the API key has been validated and the configuration has been effectively stored, a affirmation message will show in short to your display letting you recognize that you just’re all excellent to head.
Observe: You’ll be able to get entry to further Geolocation configuration settings for person bureaucracy (e.g. disabling geolocation or making it obligatory for customers to supply their location main points as a way to publish a kind) within the Bureaucracy > Edit Shape > Settings phase.
![Forminator Form Settings screen](https://wpmudev.com/blog/wp-content/uploads/2023/09/forminator-settings-1050x731.png)
With the addon configured, let’s undergo an instance of including Geolocation box to a kind.
Including Geolocation Fields To Bureaucracy
Within the Bureaucracy phase, make a choice a kind or create a brand new kind and make a choice Edit > Fields.
![Forminator: Edit Form - Insert fields button.](https://wpmudev.com/blog/wp-content/uploads/2023/09/forminator-insert-form-fields-1050x686.png)
Make a selection the Cope with box and click on the Insert Fields button.
![Forminator form fields selector](https://wpmudev.com/blog/wp-content/uploads/2023/09/fominator-insert-fields-address.png)
The Cope with box is extremely customizable and features a Geolocation tab with complex choices for configuring maps, akin to:
- Autocomplete: Supplies real-time ideas as customers input an cope with into the sector.
- Show cope with in Map: Presentations a map subsequent to the cope with fields
- Map Place: Select whether or not to show the map above or underneath (default) the cope with box.
- Map Dimension: Set a responsive or customized measurement on your map.
- Default Map Location: Set a default of customized location on your map.
![Forminator Address field settings - Geolocation options.](https://wpmudev.com/blog/wp-content/uploads/2023/09/address-geolocation-settings.png)
Configure the above settings to fit your wishes and to facilitate consumer interplay along with your kind maps and a really perfect consumer enjoy.
As an example, permit autocomplete to show matching places as customers get started typing and to fill within the cope with fields robotically when an cope with is chosen from the choices displayed.
![Forminator geolocation - autocomplete fields](https://wpmudev.com/blog/wp-content/uploads/2023/09/autocomplete-field.png)
As soon as the browser rather a lot the shape web page, it is going to urged customers to present get entry to to their location. Permitting this get entry to will then display the consumer’s present location at the map and auto entire the cope with fields.
![Forminator form with map](https://wpmudev.com/blog/wp-content/uploads/2023/09/geolocation-map-01.png)
Via merely clicking on other issues at the map, customers too can trade their location and replace cope with fields.
Clicking on other issues at the map adjustments the cope with at the kind fields.
All kind data together with the consumer’s geolocation main points and a map may even show on Forminator’s submission web page.
![Forminator submission page with example of form submission.](https://wpmudev.com/blog/wp-content/uploads/2023/09/forminator-submissions-1050x894.png)
It’s All About Geolocation, Geolocation, Geolocation
Forminator’s new Geolocation characteristic empowers you to gather and leverage location data out of your kind customers, acquire precious insights into your target market, whether or not they’re consumers, workers, or providers, and make extra knowledgeable trade selections.
Take a look at this option in Forminator Professional and if you wish to have any assist, see our documentation or touch our knowledgeable 24/7 enhance group.
WordPress Developers