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