This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Contact Form 7 Map Field

Description

This plugin provides a new field to Contact Form 7: a map with a coordinates marker, letting the user mark a location.
The marker coordinates (longitude & latitude) are than passed to the contact form.

in version 2.0 i’ve added geolocation, making the map and marker to be focused on the supposed user location.

Screenshots

  • How it looks in the form edititing.
  • Example of a form with map (location) input field.

Installation

You MUST have Contact Form 7 installed!

Best way is to use WordPress’ built-in “Add New” installer:

  1. in WordPress admin bar go to Plugins.
  2. Press the “Add New”.
  3. search for “Contact Form 7 Map Field”.
  4. Press “Install Now”.
  5. Press “Activate Plugin”.

Or:

  1. Download the zip file.
  2. Extract the folder (contact-form-7-map-field) inside the zip to …wp-content/plugins/ directory of your WordPress installation.
  3. Activate the plugin from plugins page.

Now that the plugin is installed you can start using it:

  1. Edit a form in Contact Form 7.
  2. Choose “Map” from the Generate Tag dropdown.
  3. Follow the instructions on the page.

FAQ

What map does it use by default?

The map data is provided by OpenStreetMap. and is powered by Leaflet.

Can i use a different map provider?

I really recommend using Leaflet with OSM. But if you insist than you can, as long as you know some basic html, javascript and your map api.

I like this plugin, how can i donate to it?

Simply go to the donate link.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Contact Form 7 Map Field” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0

Initial plugin release.

1.1

Switched to work with Leaflet & OpenStreetMap.

1.3

Some code fixing and cleaning.

1.4

Fixed marker icon wrong path, collision with Leaflet Maps Marker plugin.

1.5

Better code structure.

2.0

Added geolocation, now the map and marker are focused on the supposed user location.

2.1

Bug fixes in geolocation.

2.2

Added validation.

2.3

Added minimum map zoom validation.