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!


How to read and utilize the data

KPIs That are Important to Your Forms

We sent one batch of survey out and we have never stopped since.

What is a Net Promoter Score (NPS) Survey and Why Your Company Should Use It

Mobile-friendly forms with custom features

Create Online Forms for WordPress, Websites, Blogs, and Social Media

Make your forms talk more

How to Embed Videos Into Your Online Form

Understand and maximize the use of each field

Build Powerful Online Forms with Advanced Form Fields

Oh, that’s why you’re not getting any entries

8 Things People Hate About Your Web Forms (and How to Fix Them)

Get job done faster and paperless

5 Online Forms for Business Automation

It’s all about organized communication

How Online Forms Help Remote Teams Work Efficiently

Because there’s always more work

3 Ways on How Online Forms Help Grow Your Nonprofit’s Cause — with Minimal Effort

Sell goods and services with checkout forms

Cost-effective Solution for Automated Online Sales

Yeah, we eat our own dog food.

EMF Story: What Happened When We Used Our Own Feedback Forms

Use Online Forms to Manage Events

Drop Stellar Events with the Help of Online Forms

Put down your pens, everyone.

How Educational Institutions Can Benefit from Using Online Forms

It’s like having a booking clerk who’s working 24/7 for you

Why More and More Travel Agencies Rely On Online Forms to Grow Their Business

In 10 Easy Steps

Create Free Contact Forms with EmailMeForm

For one, online forms can reduce your workload

4 Signs Your Small Business Should Start Working with Online Forms

All you need to know about online forms and how to make them a success

10 Commandments of a Successful Online Form



More blog posts