How do I insert a map in Website Builder?

This article will show you how to add a map to your website and then customise it to suit your needs.

Maps can be used to highlight points of interest, such as your office location or the meeting point for your upcoming event.

Since this feature is available for multiple versions of our Website Builder tool, select your version from the list below and follow the instructions provided to get started:

If you’re not sure which version of Website Builder you have, you can find out by reading this article.

Version 8

Step 1 of 5

Start by logging in to your Website Builder package.

 

Step 2 of 5

Scroll down to the Business section, and then drag and drop the Map widget wherever you want it to appear on your page.

Select Widgets

 

Step 3 of 5

Scroll down to the Business section, and then drag and drop the Map widget wherever you want it to appear on your page.

Select Map widget

 

Step 4 of 5

Once done, a pop-up window will appear where you can enter your address into the provided field.

You may wish to consider setting a button for users on mobile and tablet devices as well, so that these visitors can open your map within their navigation app. This offers a far easier user experience than forcing them to load your map on their device.

Insert address

 

Step 5 of 5

You can also edit the style of your map by selecting the Design tab. By selecting Layout, you’ll be given a selection of different options to choose from.

Edit Map design

Should you wish to change the size of your map, simply adjust the relevant sliders within the Style section. You can even adjust your Map’s zoom level to show your precise location.

Edit Map size

 

Version 7

Step 1 of 3

Start by logging in to your Website Builder package.

 

Step 2 of 3

From there, select Add Content within the top toolbar and then drag and drop the Map widget wherever you want it to appear on your page.

 

Step 3 of 3

You will now be able to enter the address of the location you wish the map to display.

You can also change your zoom level and use the height bar to show how much of the page you wish the map to display on. Click Save to complete your changes.

 

Version 6

Step 1 of 4

Start by logging in to your Website Builder package.

 

Step 2 of 4

From there, select Widgets in the left-hand menu and open the Content section. Find the Google Maps widget and then drag and drop it wherever you want it to appear on your page.

Add map widget

 

Step 3 of 4

Once done, click the gear icon that appears within the provided toolbar to access its settings.

Here you can customise your map by entering your address, adding icons and changing the type of map you want to display. When you’re done, simply click onto another area of your site to confirm your changes.

Map settings

 

Step 4 of 4

Should you wish to change the size of your Map, simply click anywhere on it. From there, click and drag any of the square points to re-size your widget.

Resize Map