123 Reg Support

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 process differs depending on which version of Website Builder you have, please 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 9

Step 1 of 6

Start by logging in to Website Builder.

Step 2 of 6

From there, add a new section to your page.

Step 3 of 6

In the right-hand menu that appears, select Contact and then choose Contact Us.

Step 4 of 6

You will now be given several different options. Click Add for any option that features a map.

Step 5 of 6

After a few moments, your section will be added to your page. Enter your postcode into the Address field and select your address from the list of results.

Step 6 of 6

Your map will now be updated to show your address.

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.

 

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.

 

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.

 

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.

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.