Adding a map

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.

Screen_Shot_2019-08-09_at_10.23.26.png

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:

Screen_Shot_2019-08-09_at_10.10.22.png

5. Click Copy link to copy the code.

Screen_Shot_2019-08-09_at_10.20.19.png

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

Screen_Shot_2019-08-09_at_10.28.44.png

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

Screen_Shot_2019-08-09_at_10.31.00.png 

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:

Screen_Shot_2019-08-09_at_10.10.22.png

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

Screen_Shot_2019-08-09_at_10.36.13.png

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

Screen_Shot_2019-08-09_at_10.28.44.png

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

Screen_Shot_2019-06-11_at_09.55.08.png

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. 

adding_maps_02__purple_.png

 

Was this article helpful?
0 out of 0 found this helpful