Contact Form 7 Map Field

October 31, 2012

Contact Form 7 Map Field Plugin

This plugin provides a new field to Contact Form 7: a map with a coordinates marker, letting the user mark a location.

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.

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.

Screenshots

  1. How it looks in the form edititing.

    How it looks in the form edititing.

  2. Example of a form with map (location) input field.

    Example of a form with map (location) input field.

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.

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.

Details

  • Version: 2.3
  • Active installations: 100
  • WordPress Version: 3.0.1
  • Tested up to: 3.4.2

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars