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.
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.
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
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.
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.
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.
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.
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.
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.
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.