Home

INTEGRATE GOOGLE MAPS IN CONTACT FORM 7 AS AN INPUT FIELD !

Display a google maps on your contact form as an input field so that visitors can mark their current location on map and site admin get all location details.

Buy Now - Instant Download

Exclusively available on codecanyon.net

Use Google Maps as Element in Contact Form 7

For displaying a map on front end CF7 form, You will first need to integrate it along with other form elements from the backend. You can also mark it as a mandatory field.

CF7 Google Maps Input Field

Visitor Can Mark Their Location or Draw Area on Map

The visitor can mark their current location using a marker, or they can also highlight an area. Visitors can draw polygons, polylines, circle and rectangles.

CF7 Google Maps Tool Box

Receive User’s Input in the Email Easily & View It On Map

You will receive user’s location inputs in the default CF7 email along with other form data.You can view location directly On Google Map

CF7 Google Maps Form Data

Receive User’s Geographical Information in KML File Also

KMl file of user’s input will be attached automatically in email and can view it easily using online kml file viewer.

CF7 Google Maps KML File

Customize Google Maps According to Your Needs

You can change Maps Types, Zoom Level, Center Location and other map attributes according to your requirements from backend easily.

CF7 Google Maps Type

Sleek & Easy To Understand Backend Admin Panel Gives You Full Control

This plugin allows you to show/hide toolbox elements, change appearance & modify map settings easily according to your requirements.

CF7 Maps Settings

Apply Beautiful Snazzymaps Styles On Frontend CF7 Map

Snazzymaps is a library of awesome google maps skin. You can easily apply beautiful skin on your google maps. Google Map will look stunning within CF7 Form.

CF7 Snazzy Maps

Customize Shapes Appearance According to Your Choice

You can change shapes properties e.g border, stroke and colors to give them personalized look. When a visitor will start drawing on the map, it will look according to settings saved.

CF7 Google Maps Shapes

Autosuggest Enabled Map To Help Visitors Finding Their Location

It’s super easy for visitors to search any location on front end google maps using autosuggest enabled search field.

CF7 Google Maps Auto Suggestion

 

Set Limits to Draw Markers & Shapes on The Google Maps

Admin can decide how many markers or shapes user can add on the google maps.

How to Get Started?

  • Step 1: Install Contact form 7 and Cf7 Google Maps plugin.
  • Step 2: Create a contact form as you normally do with CF7 plugin.
  • Step 3: Choose ‘Google Maps’ tag and apply required settings.
  • Step 4: Use {maps_data} shortcode in your email component to send maps data in an email.
  • Step 5: Paste form shortcode on the page.

Pre-Sales Information

You get 6 month support included with this plugin and life time updates.

  • Single Site
  • Lifetime Updates
  • Support
  • Videos
  • Tutorials
  • Changelog