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