Contact forms are the default way visitors reach out, but without clear location information, potential customers or clients may struggle to find your office, store, or service area.
If you operate from a physical location or serve specific regions, showing where you are builds trust and makes it easier for people to decide whether to reach out.
The Contact Form with Map Template from WPForms combines a standard contact form with an embedded interactive map so visitors can see your business location at a glance.
Exploring the Contact Form with Map Template
This template works for local businesses, professional services, brick-and-mortar stores, or any organization that wants to display its location while collecting inquiries. Here’s what’s included:c
- Name: Captures the visitor’s full name for personalized follow-up.
- Email: Provides a contact point for your reply.
- Subject: Lets visitors categorize their inquiry (support request, sales question, partnership opportunity, etc.) so you can route messages efficiently.
- Message (Paragraph Text): Gives visitors space to describe their question, request, or feedback in detail.
- Business Location Reference (Map Field): Displays your office, storefront, or service area on an interactive map so visitors can preview your location before reaching out.
Customizing the Map Experience
The Map Field is included to help visitors understand where you’re located, but you can adjust it based on your business model. It requires WPForms Pro or higher and the Geolocation Addon configured with a valid Google Maps or Mapbox API key. Without a valid API key, the map won’t render and address autocomplete won’t function.
- Single location setup: Add one saved business address so visitors can view your exact office or storefront location directly in the form.
- Multiple locations (optional): If you operate from more than one site (headquarters, regional offices, retail locations, or service centers), you can add multiple locations using the repeater tool. Each location supports a unique Location Name, Address (with autocomplete via Google Places or Mapbox Search), and Marker (choose an icon from the Icon Library with a custom color, or upload your own image). Marker sizes (Small, Medium, Large) help ensure visibility on mobile screens or emphasize your primary location.
- Enable Show List of Locations: Ddisplay location names and addresses beneath the map.
- Turn on Allow Location Selection: Requires 2+ locations and list enabled.
- Custom markers: Use the Icon Library with color picker for a branded look or upload a custom marker image (useful for highlighting “main entrance” or “customer parking”).
- Zoom behavior: When displaying a single location, you can manually set the zoom level (0–22). If you add 2+ locations, the map auto-fits all markers and the zoom dropdown becomes disabled.
- Cleaner map controls: If you want a simple “here’s where we are” display, you can hide fullscreen, map type, street view, camera control, zoom buttons, or disable dragging and mouse zooming to limit interactions.
- Nearby bias (optional): “Find Nearby Location” can be enabled to use browser geolocation and bias autocomplete results toward the visitor’s area.
Ready to Make It Easier for Visitors to Reach You?
Use this template to collect inquiries and show your business location in one place. Get WPForms Pro to access the Map field and Geolocation Addon, then customize the contact questions and location details for your business.
