Summer Sale: Save 20% on any WS Form edition CODE: SUMMER20 View Pricing
WS Form - Smart, fast, forms for WordPress
My Account
Demo
Get WS Form
Checkout

← All Integrations

Google Maps
Built-In

Google Maps

Add interactive Google Maps to your forms and store latitude and longitude in each submission.

How to Add Google Maps to Forms in WordPress

Capture map locations directly in your forms

Add one or more interactive Google Maps to your forms in WordPress with the Google Map field. When someone clicks the map, the selected latitude and longitude are stored in the submission.

You can set a default latitude, longitude, zoom level, and map type. Available map types are Road Map, Satellite, Hybrid, and Terrain.

The field can also auto-center to the user’s location using browser geolocation, IP geolocation, or both. You can optionally use a text field as an address search field to find a location on the map.

To use the Google Map field, you need a Google Cloud Project with billing enabled, the Maps JavaScript API, Places API (New), and Geocoding API enabled, plus an API key entered in WS Form settings.

  • Interactive map field

    Add one or more interactive maps to a form and store the clicked latitude and longitude.

  • Auto-center options

    Center the map to the user’s location with browser geolocation, IP geolocation, or both.

  • Address search support

    Use a text field as an address search field to find a location on the map.

Real Customer Reviews

Trusted by thousands of WordPress professionals.

  • The developer has been absolutely fantastic. The response time for support is quick, unlike some one the other form plugins I have used.

    – robbiebott

  • I know what you're thinking… I already have a WordPress form plugin. You're right, you do, but if you don't have WS Form then you might want to take a look.

  • It does an awesome job with a lot of features, from simple contact forms up to really complex forms for post management and user management. The support is awesome.

    – piguinweb

Frequently Asked Questions

What does the Google Map field store?

When the form user clicks on the map, the latitude and longitude of the map is stored in the submission.

How do I integrate WordPress with Google Maps using WS Form?

Set up a Google Cloud Project with billing enabled, enable the Maps JavaScript API, Places API (New), and Geocoding API, create an API key, and enter it in WS Form under Settings > Advanced > Google. You can then add the Google Map field to your form. For full setup details, see Google Map Field.

Can the Google Map field auto-center to the user’s location?

Yes. The field can auto-center using browser geolocation, IP geolocation, or both. Both methods are processed client-side.

Can I search for an address on the map?

Yes. You can use a text field as an address search field to enter a zip or full address and find a location on the map.

Which map types are available?

You can choose from Road Map, Satellite, Hybrid, and Terrain.

What Google APIs are required?

The Google Map field requires the Maps JavaScript API, Places API (New), and Geocoding API to be enabled on your Google Cloud Project.

Get This Integration

View Editions →

Built into WS Form PRO and available with every PRO edition.

Documentation

View Documentation

Resources