Skip to content

Add a Google Map to HubSpot content

Last updated: April 13, 2023

Available with any of the following subscriptions, except where noted:

All products and plans

To add an interactive Google Map to your HubSpot content, you can copy the map's embed code and add it to the source code of a rich text 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 

  • Navigate to your content:

    • Blog: In your HubSpot account, navigate to Marketing > Website > Blog.
    • Website Pages: In your HubSpot account, navigate to Marketing > Website > Website Pages.
    • Landing Pages: In your HubSpot account, navigate to Marketing > Landing Pages.
  • Hover over your content and click Edit
  • In the content editor, enter rich text in the search bar of the sidebar editor. 
  • Click the rich text module and drag it into position in your content. 
  • In the rich text toolbar, click the Advanced dropdown menu and select Source code
  • In the dialog box, paste the map's embed code, then click Save

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 a rich text module directly to the template, then edit the rich text module in the content editor. 

Add a rich text module to a template

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

    • Blog: In your HubSpot account, navigate to Marketing > Website > Blog.
    • Website Pages: In your HubSpot account, navigate to Marketing > Website > Website Pages.
    • Landing Pages: In your HubSpot account, navigate to Marketing > 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 rich text
  • Click the rich text module and drag it into position in your template. 
  • In the top right, click Publish changes.

Insert the embed code in the Rich text module

  • Navigate to your content:

    • Website Pages: In your HubSpot account, navigate to Marketing > Website > Website Pages.
    • Landing Pages: In your HubSpot account, navigate to Marketing > Landing Pages.
    • Blog: In your HubSpot account, navigate to Marketing > Website > Blog.
  • Hover over your content and click Edit
  • In the content editor, click the rich text module
  • In the rich text toolbar, click the Advanced dropdown menu and select Source code
  • In the dialog box, paste the map's embed code, then click Save

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.