Best practices, tips & inspiration
Dashboard
All Itineraries
Calendar Builder Itineraries
Guest Portals
Task Manager
Invoicing & Financials
General
Webinars
2025 Webinars
2023 Webinars
2022 Webinars
How do I embed a Google Map in a proposal?
How to use the iFrame element to embed a Google Map.

Use the iFrame Element to embed a Google Map, Google My Map, or Mapbox Maps into your proposal!

 

Step-By-Step Instructions:

  1. Visit Google Maps and create your custom map by adding destinations, selecting your route, and choosing your mode of transportation.
  2. Once your map is configured, click the hamburger menu (three horizontal lines) in the top-left corner, then select the Share or embed map option.
  3. Click the Embed a Map tab and then the COPY HTML button.

 

 

4. Navigate back to Safari Portal and add an iFrame Element from the Element Library.

5. Then paste the Google Maps embed code into the Embed Code side of the modal.

6. Click Insert.

 

 

 

📌Note: Items embedded via iFrame need internet access to be interactive

 

Keywords: Google, Google Maps, Mapbox, iFrame, embed, embed code

Did this answer your question?