Scroll to top

How to embed Google Map into your form

Google Maps can easily be added to your forms by either adding it through the Form Builder or by using one of the available embed codes. Below are steps that should be followed to add a Google Map to your form.

1.           Generate the Google Map iframe for your desired location using the Google Maps Embed API by following the instructions on the Google Maps Embed API page

2.           Login into your EmailMeForm account and navigate to the Form Manager.

3.           To add your Google Map through form builder, please follow following steps.

               a. Mouse over your desired form and select Edit. This will take you to the Form Builder.

               b. Add a Section Break field to your form in the position where you would like to display the Google                          Map.

               c. Enter an appropriate Field Label and then in the “Instructions for User” area, add the                                              generated Google Map IFrame. Please see the screenshot for reference.



           d. Save and view the form. The Google Map will be displayed at the specified position in the live view.

4.           If you would like to embed using the page code, please follow following steps.

              a. Mouse over your desired form and select "Options" and then select "Code". This will take you to the form Link and Embed Code                   page. Under the Embed Section, click Advanced Embed Options. Please see the screenshot for                       reference.





          b. Place your iframe code in any one of the 4 sections i.e. IFrame, Full Page IFrame,                                                 HTML+CSS+JavaScript and in PHP file (for advanced users).

               c. Copy the entire code to your website page. When you view your web page you will see the Map                             pointing to the location defined by you when generating you Google Map IFrame.

Have more questions? Submit a request.

0 Comments

Article is closed for comments.