How do I embed Google Maps in my form?

You can embed Google Maps onto a form using HTML. Please note that this feature is exclusively available with specific pricing plans.

To do this:

If your surrenly plan does not support this feature but you would like to upgrade, you can do this under Account Settings.

  1. In a new tab or window, open Google Maps.

  2. Go to the directions, map, or Street View image you'd like to embed.

  3. Click the hamburger menu at the top left of the screen.

    The search bar on the top-left of google maps.Google Maps - Search Bar
  4. Select "Share or embed map".

    The option "Share or embed map" in the left-hand sidebar of Google Maps.Google Maps - Sidebar Options
  5. Select "Embed a map" at the top of the pop-up.

    The embed configuration window, showing embedding code for an example location.Google Maps - Embedding Window
  6. Click the "Copy HTML" button appearing on the right.

  7. Navigate to the Paperform editor for the form you wish to modify, and then select the line where you'd like the map to show up.

  8. Choose the "Insert HTML" option on the left, and paste the HTML text that you've copied into the HTML box provided.

    A HTML block in the Paperform form editor showing example code from Google Maps.Paperform Editor - HTML Code Block
  9. Save and view your form, and enjoy your map!

    An example of how embedded Google Maps elements look on a live form.Paperform - Google Maps Embed Demo