Skip to content
Pages

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.

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

 

Was this guide helpful?

One click — we read every signal and tighten what's confusing.

Thanks — noted
HubCrafted · subscription HubSpot team

Your portal backlog outruns your team. HubCrafted clears it.

HubCrafted is your HubSpot team on subscription. Pages and landing pages, custom modules and themes, email and sequences, workflows, reports, integrations. One active task at a time, unlimited queue, unlimited revisions. One flat monthly fee, no project SOWs, no hourly meter. Built for in-house teams on HubSpot Pro or Enterprise who won't staff a full-time HubSpot developer.

From $2,950 / month Pause anytime Async + Loom