Adding a map on desktop and mobile

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 several ways to add location content to your website.

Before you begin

Add a Contact block with a map to your page.

Enter the address

1. Go to your Contact page and click on the Google Maps Settings link.

Screen_Shot_2020-08-28_at_13.01.19.png

2. Enter the address of your location in the Search field:

Screen_Shot_2020-08-28_at_13.04.12.png

3. Click Submit.

Your map will appear on the page.

 

Add a map in a block

  1. Open a page and locate a place where you want to add a map.
  2. Click the + Add a Block button.
  3. Choose the Contact block with a map and click on it to add to the page. To easily find the required block, click the "funnel" icon and choose from the list of categories:

IMG_3923.jpg

 

4. Tap on the block to add it to your page. This map has a random location added for demo purposes only. Now you need to add your own location to the map.

5. Tap on the map. In the Control Pane that activates, tap the "pin" icon:

Screen_Shot_2021-02-15_at_20.42.35.png

3. Enter the address the location which you would like to show in the Contact block. 

IMG_3926.jpg

On your mobile device, click Go. The map will be updated. Click Submit.

4. Use the black lever to make the map segment bigger or smaller.

IMG_3929.jpg

Once you are happy with the look of your map, tap the Publish button which looks like a rocket in the upper right corner of your mobile Sitebuilder.

Other helpful articles

Adding a map

Setting a delivery zone on a map

Creating a Contact Us page

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