How to embed a Google Map on your page

Showing your visitors where you’re located can improve your conversion rate, and one of the most popular options for maps is the one built by Google. Here’s how to add Google Maps to your pages in a few simple steps.

1. Go to maps.google.com and search for or navigate to the desired location;

Screenshot_on_2023-02-28_at_16-51-38.png

2. Click on Share;

Screenshot_on_2023-02-28_at_16-51-38.png

3. Choose Embed a map;

Screenshot_on_2023-02-28_at_16-42-17.png

4. Choose the size you need from the menu in the top left corner, and then COPY HTML;

Screenshot_on_2023-02-28_at_16-42-17.png

5. Go to your Instapage landing page, and create a new HTML element;

Screenshot_on_2023-02-28_at_16-45-56.png

6. Paste the code in the newly created HTML element. You can select if it should be visible on both desktop and mobile or just one of those from the Visible on option.

Screenshot_on_2023-03-22_at_18-51-13.png

And that’s it. Now your visitors will be able to see maps with your location. They will be able to get redirected to a page with directions from within the map widget, save the location to their Google Maps account, zoom in or out, see the widget as a satellite image or as a map, and more.

To be able to resize and arrange the map on mobile, you can set the values of height and width to 100% and toggle Full size content ON. 

Note: The HTML element may mostly show in preview mode as well, but for security reasons, it is very possible that the code will not render correctly in the preview since it is generated differently from the live environment. Please make sure to test your code on the live page before making any conclusions regarding it.