How to add a Google map to your page?SOLVE
Jul 1, 2020 5:52 PM
I am new to HubSpot. I have created a page and I would like to add a Google map to my page. It should open in a new tab when someone clicks. Any suggestions on how to do this?
Solved! Go to Solution.
Jul 6, 2020 4:51 PM
The simplest way to add a google map on to your page is by utilizing an embed code from google maps and a HubSpot HTML module.
Simply go to google maps and input the destination you want to show on the map by default and select share. You will have the option to embed a map.
Choose how large you want the map to display on your page and copy the HTML of the embed code.
Got to your page in Hubspot and drag an HTML module where you'll want the map.
Paste the embed code into the HTML module's content section and apply your changes. This should be all you need to get a google map onto your page.
Hope this helps.
Jul 9, 2020 3:05 AM
The last poster had some good info there.
I would do an intermediate step.
When you get your google map embed code, head over to embedresponsively.com.
Click the tab for google maps.
Enter your google maps embed code you got from google maps.
It will kick out a new embed code that acts responsively in any container you put it in, rather than with the default height and width that the google maps embed code comes with, along with the short css snippet to make it work.
That new embed code then goes in the HTML module on your hubspot page.
Now, when your site viewer looks at the page on different devices your map will automatically be responsive.