topic Re: How to add a Google map to your page? in Blog, Website & Page Publishing

How to add a Google map to your page?

jason6 — Wed, 01 Jul 2020 21:52:19 GMT

Hi there,

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?

Thanks

Re: How to add a Google map to your page?

Anonymous — Wed, 01 Jul 2020 21:59:59 GMT

Hi @jason6

Please have a look at this https://knowledge.hubspot.com/cos-general/how-do-i-add-a-google-map-to-my-hubspot-page Article.

Download HTML module for marketplace it's free of cost: https://marketplace.hubspot.com/products/hubspot/html

Let me know if any questions!

Thanks!

Re: How to add a Google map to your page?

Joe-Kelp — Mon, 06 Jul 2020 20:51:06 GMT

Hey Jason,

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.

Re: How to add a Google map to your page?

craiggrella — Thu, 09 Jul 2020 07:05:23 GMT

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.

Good luck!

Re: How to add a Google map to your page?

SMarketing15 — Fri, 15 Apr 2022 08:49:40 GMT

HTML module for marketplace is only for marketing hub professional user ? Currently i am using hubspot starter and would like to embeded google map into my landing page. Any method to do so ? Thank you.