Drop a Pin: The Map Field is Here

A couple of weeks ago, the night before my son’s Valentine’s Day class party, I found myself doing what every parent does at the last minute: scrambling to order cupcakes online from a local bakery chain. The website was beautiful. The photos alone nearly made me double my order. The order form? Clean, simple, exactly what you want when you’re trying to check out fast.

And then I hit the pickup location field.

A dropdown. Three addresses. Just street names and zip codes.

I live here and I still had no idea which one was closest. So I opened Google Maps in a new tab, copied the first address, searched it, went back to the form, copied the second address… you get the picture. By the time I’d figured it out, I’d lost half my motivation to finish the order.

And I thought: this is exactly the problem we just solved.

What the Geolocation addon already does (really well)

If you’ve used our Geolocation addon, you already know it’s one of the most powerful tools in the WPForms Pro toolkit. It brings real location intelligence to your forms, and it’s been a fan favorite for good reason.

Address autocomplete lets visitors start typing and get real-time suggestions powered by Google Places or Mapbox. They pick a suggestion, and the full address fills in automatically. 

It also detects where your visitors are, either through their browser or their IP address, and can pre-fill location data before they type a single character. You see their city, region, country, and coordinates right on the entry details page, and you can pull that data into notification emails, confirmations, or exports using smart tags.

All of this is focused on one question: where is the person filling out this form? And it’s incredibly useful. But now, with the Map field, the Geolocation addon isn’t just about their location anymore. Now it’s about your locations too.

Meet the Map field

I can’t wait for businesses like my local bakery to discover the Map field, a brand new field type you can drag into any form.

It displays an interactive, embedded map with any locations of your choice pinned on it. Stores, offices, event venues, pickup spots. Right there inside the form.

No iframes. No separate embeds. No stitching a map widget and a form together on the same page. You add the Map field, configure your locations, and that’s it.

Make it yours

This isn’t a generic Google Maps embed with a default red pin.

Every location you add gets a custom marker. Choose from over 2,000 icons: a coffee cup for your café, a shopping bag for your retail store, a dumbbell for your gym (yes, you can literally match the pin to the place). Pick any color from a full color picker, or paste in a hex value to match your brand exactly.

You can even upload your own image as the marker. Your logo, your brand icon, whatever represents you.

Here’s a detail that might seem small but makes a real difference: you can size your markers. Set them to large, and your custom pins stand out immediately over the default points of interest on the map. Your visitors’ eyes go straight to what matters.

Each pin can have a name and description, so when someone clicks it, they see the details they need right there. It’s polished. It looks like it belongs on your site. Because it does.

Let visitors pick a location

This is the part I’m most excited about!

When you add two or more locations to the Map field and turn on the location list, you can enable location selection. This adds radio buttons beneath the map, and suddenly the Map field isn’t just visual. It’s a form input.

Your visitor sees the pins on the map. They click a location. The marker does this satisfying little bounce to confirm their pick. They submit the form, and you get the selected location’s name, address, and coordinates captured cleanly in the entry.

No more dropdowns full of street addresses that mean nothing without context. No more text fields where someone types “the one on Main Street” and you’re left guessing.

Where the Map field makes a real difference

Back to my bakery situation. If they’d had the Map field on their order form, I never would have left the page. Pins on a map, a quick visual scan, tap the nearest one, done. That’s it. That’s the whole experience.

Or say you run a fitness studio with two locations and you want to offer a free trial class. Both studios are on the map. People pick the one that’s closest. The selection flows into your entries, so you know how many people to expect at each spot.

Maybe you don’t need selection at all. You just have a contact form and you want visitors to see where you are. One pin on the map. No selection required. Just a branded, interactive map sitting right inside the form, giving people the context they need without leaving the page.

And on the backend, everything stays tidy. The selected location’s name and address show up right in the entry details with a “View on Map” link. It exports to Google Sheets, prints on entry pages. No cleanup needed.

Go drop a pin

The Map field is part of the Geolocation addon, included with all WPForms Pro plans and above. If you’ve already got the addon installed, the Map field is waiting for you in the form builder right now. If you’re new to the Geolocation addon, check out our setup guide to get started and our guide to using the Map field for detailed instructions.

Not yet on WPForms Pro? Now’s a great time to change that. Check out our plans and get access to the Map field, the full Geolocation addon, and over 2,000 templates, pro addons, and other features.

I’d love to hear how you put the Map field to work, and the team is already heads down on what’s coming next. I can’t wait to share it with you.

Till next time,

Lauren

P.S. A huge thank you to everyone in our VIP Circle. A post in the group is what sparked the idea for the Map field in the first place. If you’re not in there yet, come join us. It’s where a lot of our best features start.