There are several ways to add a map to your website:

Map element

Within the editor, open the Add elements panel on the left. Choose the Map element and drag it to the preferred place on your website:

Click on the element to see more options (edit, duplicate, delete, resize):

Click Edit map and insert the preferred address (you can simply copy it from Google Maps).

NOTE: Instead of using the map element, you may also insert a dedicated map section into your website

Embed Google Maps

If you run a business in a few different locations and want to mark them all on the map, you can do that with My Maps by Google. This third-party solution allows creating a map for your business on Google Maps and embedding it on your website using iFrame code.

1. Create the map

Open this link, and click Create a new map:

Click on Untitled map, and add the name and description of your map. You can also choose the map appearance by clicking on Base map:

Customize the map: add lines, create routes, and most importantly, use markers to specify your business locations. You can search for the exact location right here:

When you find it, drop a marker on that exact place:

Learn more: Create or open a map

2. Embed the map to your website

Once you've created your map, it is time to embed it into your website. The first step is to make it visible for everyone – click Share:

Toggle the options Anyone with this link can view and Let others search for and find this map on the Internet. Click Share on Drive:

Finally, click Done:

Now, you're ready to get a code. Click on the ellipsis button at the top of the settings window, and click Embed on my site:

You'll get the code of your map. Copy it, and paste it into your website using the embed code element. If you feel like you want the map to be bigger or smaller, just change the width and height numbers in the code within the embed code element. Once you make any changes to the code, click Embed code to save them:

Did this answer your question?