How do I add a Google map to my HubSpot page?

Last updated: June 11, 2018

Applies to:

Marketing Hub
Basic, Professional, Enterprise

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

Please note: if you already had the map embedded in a Google maps module, you will need to first swap out the old module for an HTML module. Because of changes to Google's API, this module will no longer be supported. 

  • Download the HTML module from the Marketplace. 
  • In your HubSpot account, navigate to Marketing > Website > Landing Pages. If you are editing a website page, go to Marketing > Website > Website Pages
  • Hover over the page where you have your Google map embedded, or would like to add the map to, and click Edit
  • In the editor, click the Settings tab. Scroll down and click to expand the Advanced options menu, then click Edit template
  • If you already have an existing map module, locate and click the existing map module. In the module editor on the right side, click the module name. From the dropdown menu, select the custom HTML module. Then click Publish changesexisting%20map%20
  • If you need to add the HTML module, in the right sidebar, click Add. Use the search bar to locate the HTML module. Drag and drop the module to a position on your template. Click Publish changesadd%20the%20html
  • Next, navigate to Google Maps. Use the search bar to search for your address. 
  • Click Share > Embed a map


  • Customize the size, then click Copy HTMLcopy-html


  • In HubSpot, navigate back to the page where you are adding the map. In the page editor, click Edit modules, then click the HTML module. Paste the HTML code you copied from Google maps, then click Save and go to module list


  • Click Update in the top right corner to take your changes live. 


Was this article helpful?

If you still need help you can get answers from the , or to contact support.