Skip to content
Landing Pages

Add a Google Map to HubSpot content

Last updated: June 22, 2021

Applies to:

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Legacy Marketing Hub Basic

To add an interactive Google Map to your HubSpot content, you can copy the map's embed code and add it to an HTML module.


Get the Google Map's embed code

  • Navigate to Google Maps.
  • In the search bar, enter an address
  • In the address's listing, click Share.

search-for-address-in-google-maps-

  • In the dialog box, click the Embed a map tab. 
  • Click the map size dropdown menu and select a size
  • Click Copy HTML to copy the map's embed code. embed-a-google-map

Add a Google Map in the drag and drop editor 

  • In your HubSpot account, navigate to your blog, website pages, or landing pages.
  • Hover over your content and click Edit
  • In the content editor, enter HTML in the search bar of the sidebar editor. 
  • Click the HTML module and drag it into position in your content. 
add-html-module-to-page
  • Click the HTML module to edit it. 
  • In the sidebar editor, paste the embed code for your Google Map.
  • Click Apply changes

Add a Google Map to content without a drag and drop area

If your content doesn't have a drag and drop area, you will need to add the HTML module directly to the template, then edit the HTML module in the content editor. 

Add an HTML module to a template

  • In your HubSpot account, navigate to your blog, website pages or landing pages.
  • Hover over your content and click Edit
  • Click the Settings tab, then click Advanced options
  • In the Template section, click Edit this template.
  • In the design manager, click Add in the inspector
  • In the search bar, enter HTML
  • Click the HTML module and drag it into position in your template. 

add-html-module-to-template

  • In the top right, click Publish changes.

Insert the embed code in the HTML module