HubSpot Knowledge Base

Add a Google Map to HubSpot content

Written by Public API | Jan 1, 1970 12:00:00 AM

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.

  • 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. 

Add a Google Map in the drag and drop editor 

  • Click the Modules tab.
  • In the search bar, enter HTML
  • Click the HTML module
  • In the top right, click Get module for free. It may take a few minutes for module installation to complete.
  • When the module has finished installing, navigate to your content:

    • Blog:
    • Website Pages:
    • 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. 

  • Click the HTML module to edit it. 
  • In the sidebar editor, paste the embed code for your Google Map.

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

  • When the module has finished installing, navigate to your content:

    • Blog:
    • Website Pages:
    • 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. 

  • In the top right, click Publish changes.

Insert the embed code in the HTML module