Exciting News! Flipper Code is now WePlugins! Same commitment to excellence, brand new identity.

Displays Gravity Form submissions on Google Maps

Sandeep Kumar Mishra
September 7, 2024
5 minutes read
Gravity Form Submissions On Google Maps add-on get entries from gravity form and show locations on google map. Here are the following steps to configure this add-on with Gravity Form & WP MAPS PRO. Please follow the given steps to configure this add-on.

Displays Gravity Form Submissions On Google Maps:

  1. Step 1: Create a new Gravity Form, navigate to Gravity Form -> New Form or edit your existing form and start building your form.
  2. Step 2: Please add Google Autosuggest type control from Standard Fields section which is registered by our plugin. This field enables google autosuggest feature in frontend form. Users could submit their locations from the frontend.

    Additional Settings Google Autosuggest

    cf7entry : true (For specifying that submission from this form needs to be saved in the database) cf7entry_title_field : your-name (Name of the field whose value will be displayed as title in info window cf7entry_message_field : your-message (Name of a field whose value will be displayed as main content in info window) cf7entry_featured_image_field : your-image (Name of file control field whose image needs to be saved on a server and later displayed on info window)

  3. Step 3: After adding all form elements according to you, now update this form.
  4. Step 4: Now we are going to enable location mapping into your selected gravity form navigate to Settings-> Location Mapping. It’s connect form field to locations field.
    Location Mappingg in Gravity Form
  5. Step 5: In Location Mapping setting page, please enable the checkbox of Enable Mapping & also select from fields dropdown connect with corresponding location property. Now update settings.
    Enable Mapping
  6. Step 6: After complete mapping process, please navigate WP MAPS PRO -> Add Map or Edit Map and find the Gravity Form Submissions To Google Maps (Addon Settings) section and enable the checkbox provided.
    Gravity Form Submissions To Google Maps
  7. Step 7: Now select Gravity Form in edit map page, from given Select Gravity Form dropdown in Addon Settings to show entries on a map. Select which one gravity form you mapped & want to show entries on the map.
    Select Gravity Form
  8. Step 8: You can display Gravity Form submissions in the marker info window. You can manage info in the marker info window using placeholders. Please find the Infowindow Message for Gravity Form Entries section and edit the info window message using placeholders according to your requirement.
    Infowindow Message for Gravity Form Entries
  9. Step 9: Save this edit map page settings. The shortcode generated by this map will display all the entries submitted by the gravity form on any page.
To view a demo please click here.

Explore the latest in WordPress

Trying to stay on top of it all? Get the best tools, resources and inspiration sent to your inbox every Wednesday.