In the top right, click Publish changes.

Click the HTML module and drag it into position in your template.

In the design manager, click + Add in the inspector.

In the Template section, click Edit this template.

Click the Settings tab, then click Advanced options.

When the module has finished installing, navigate to your content: 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.

In the sidebar editor, paste the embed code for your Google Map.Īdd a Google Map to content without a drag and drop area.

Click the HTML module and drag it into position in your content.

In the content editor, enter HTML in the search bar of the sidebar editor.

Hover over your content and click Edit.

Landing Pages: In your HubSpot account, navigate to Marketing > Landing Pages.

Website Pages: In your HubSpot account, navigate to Marketing > Website > Website Pages.

Blog: In your HubSpot account, navigate to Marketing > Website > Blog.

Click Copy HTML to copy the map's embed code.Īdd a Google Map in the drag and drop editor.

Click the map size dropdown menu and select a size.

In the dialog box, click the Embed a map tab.

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.

Address on google map