How to embed Google Maps on HubSpot

Embedding a Google map onto a HubSpot page is surprisingly straightforward. Using a rich-text field Insert option, you can embed any iframe without coding required.

Here are the steps:

  1. First, we need to get the map's embed code, 
    If you have it already, continue to step #2. If not, follow these steps
  2. Open https://www.google.com/maps and insert the address we're embedding. 
    Once the map is loaded, click the Share icon.
    open-google-maps
  3. It will open a popup. Click Embed a map, and then COPY HTML
    google-maps-popup
  4. Open your page in HubSpot page editor
  5. If you're using one of our themes (Hatch, Atomic, Atomic Lite, Hatch Landing, or Hatch Lite), you can drag-and-drop the Content module into the location you wish to embed Google Map. 
    If you aren't using our theme, you can use HubSpot's default rich-text module. 
  6. In the rich-text field of the module you just added, click Insert > Embed.
    rich-text-insert

  7. It will open a popup and paste the embed code you've copied from Google Maps into the field. 
    HubSpot will preview the map simultaneously. 
    embed-popup
  8. Once confirmed, click Insert
  9. Done

 

Unlimited HubSpot Design + Development

Say goodbye to costly HubSpot projects, hiring unfit designers/developers, and time-consuming project quotation + invoicing.

Learn More