They say a picture is worth a thousand words.

If so, what’s the worth of 360-degree panoramas and interactive maps? A gazillion words? Probably.

Well, if this is the case, you don’t have to stuff your form with words even if you have so much to tell! You know how humans get tired of reading so fast. And how form fillers get easily turned off by a long form.

Let the map do the talking.

Instead of trying to squeeze in the important landmarks in support to the location address that you have plastered on your form, why not embed a Google Map in your event registration form?

online registration form with map
Your forms can show them the way. Play with this form here.

This jazzed up form is looking good, right? It’s short, sweet and it gives your location clearly. Use it in organizing stellar events or in pointing out your business location to interested clients.

Customizing your form this way doesn’t take hours. It’s fairly easy. Here are the instructions.

Embedding Google Maps Into your Form

  1. If you’re embedding a Google Map, generate the Iframe for your desired location using 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 to the form builder, please follow the 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.

    creating an online form with map

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

Embedding the Form on your Website

Now that you have created an online form with Google Map, you may want to embed it into your website.

  1. To embed using the page code, follow these 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.

    online form with map tutorial snapshot
    online form with map embed options

    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 your Google Map IFrame.

That was easy, huh?

If you have a hard time doing it yourself, don’t be shy to ask help from our support team. Or better yet, hire our Customworks Team to create a form for you, complete with form styling that matches your brand.

Now, where to use it?

Don’t let this form technique go to waste. Here are some ideas on how you can use an online form with map.

It’s your turn! Think about how your company or organization can benefit from this form trick and get busy working on it.

Good luck and have fun!

Author Aiza Coronado

Aiza Coronado

Aiza is a Content Developer and Marketer at EmailMeForm. She easily gets upset when random dogs don't bark back at her hello's.

It’s easy to execute when you set it up right from the start

What is GDPR and How to Prepare Your Business in 6 Steps

Plus, everything you need to know about how GDPR will affect the way you gather and store your collected data

Create Online Forms That Help You Meet GDPR Compliance With EmailMeForm

Our continuous dedication to the safety of your data is now being officialized

EmailMeForm is Getting Ready for GDPR Compliance

Yup, entirely possible.

How to Build an Email List From Scratch (Even Without a Website)

More blog posts