Adding Google maps

Last updated: March 22, 2021 Written by: Avatar Teresa
Table of contents
Table of contents

Add a Google map to a landing page

1. Once you’ve located your Google map address, click the Share button. 

google maps landing page

2. Go to Embed a map (1) tab and copy HTML (2)

google maps landingi

3. In an editor find the HTML widget, then drag and drop it into the active area of your landing page.

html mapa google

4. Double-click to edit the widget. Paste the copied HTML code. Save and close. 

HTML google maps

5. Publish your landing page and check where the map is displayed on your landing page.

6. If it interferes with other elements, go back to the editor and move the map, re-publish the landing page, and make sure the map is in the place where you want. If not, move the widget again.

Add a Google map with a few locations

1. Go to Google My Maps. Proceed and click the red button Create a new map.

google my maps view

2. Search for a chosen location.

add google maps

3. Click Add to map on a pop-up window. Find other locations the same way, if you need (they will appear in the left panel).

add to map

4. Once you have added all the locations, click Share (1) in the left panel, add a title and description to your map (2)

google maps in landingi

5. Mark your map as public on the Web. Change sharing options into Anyone with the link and save it by clicking Done.

public your map

public google map

6. Now, you will see the name of the map in the upper left corner. Click on the three dots icon and select Embed on my site from the dropdown list. Copy the displayed HTML code. 

embed map in landingi

7. Go to the editor and add your HTML code the same way as described above (with HTML widget).

8. Publish your landing page and check if the map is displayed correctly.


Was this manual helpful?