Adding Maps to your Website

The Contact block embeds a Google Map with a location pin. This is a great way to show the location of your business or event. You can embed a Google map, directions or a Street View on your site. There are two ways to add location content to your website. This article covers both.

First, you need to add a Contact block with a map to your page.

Embed a link to a map

The first way to add a map is by embedding a link to a map.  Here's how to do it:

1. Generate a link to your location in Google Maps. Open Google Maps.
   
2. Enter the address to go to the directions, map, or a Street View image you'd like to embed.
   
3. In the top left corner, click the hamburger (three horizontal stripes) menu.
   
4. Click Share or embed map link:
   

5. Click Copy link to copy the code.

6. Go to your Contact page and click on the Edit map link.

7. Enter the link into the field under Embed URL tab:

 

7. Click Submit to confirm the changes.

Embedding a map code

1. Generate a link to your location in Google Maps. Open Google Maps.
   
2. Enter the address to go to the directions, map, or a Street View image you'd like to embed.
   
3. In the top left corner, click the hamburger (three horizontal stripes) menu.
   
4. Click Share or embed map link:
   

5. Go to Embed a map tab and click Copy link.

6. Go back to your Contact block and click the Edit map link.

7. Choose Embed Code tab and paste your Google Maps code.

7. Click Apply. The map will appear on your page.

8. If desired, you can add URLs of directions and the Street View in the same way.