How to add a map to a page

Adding a map to a web page is a great way to improve your website’s user experience. It can guide your visitors to your physical business location, pinpoint delivery zones, or simply provide directions.

How to add a map section to a page

Here is how you can add a map section to your web pages built with Website Builder or SiteGround Ecommerce.

1. Open Site Admin, and click Edit Website.
   

   

2. Open the Pages tab in the left menu toolbar, and click on the page to which you’ll add the map.
   

   

3. Click on one of the Add Section buttons, depending on whether you want to add the map above or below the current page section.
   

   

4. On the following pop-up window, select Map from the left-side menu. Choose one of the map presets by hovering over it and pressing its Add Section button.
   

   

How to add a map component

Apart from using a predesigned map section, you can add a map component to a section to create your own custom design.

1. Select an existing section or create a new blank section to contain the map.
2. Click on the Add button in the section’s top-left corner.
   

   

3. Choose Map from the following Add Component pop-up window. Drag and drop the component into your preferred position in the section’s grid area.
   

   

How to customize a map

Once you’ve added the map to a page, you can customize it. Here are the steps.

1. Click on the map, and its settings menu will appear above. Click on the pencil (Edit) icon.
2. You can change the location address (Address) and default map zoom (Map Zoom).
   

   

3. To change the general appearance of the map section, hover over it and click on the Edit Section (pencil) icon from the menu in the section’s top-right corner.
   

   

4. In the Edit Section window, you can change the vertical padding, background color or image, color palette, layout, etc.
   

   

How to add a map to a page (Classic builder)

Here is how you can add a map to your web pages built with Website Builder or SiteGround Ecommerce.

1. Open Site Admin, and click Edit Website.
   

   

2. Go to the Pages tab and click on the page to which you want to add a map.
   

   

3. Click on one of the Add Section buttons depending on whether you want to add the map above or below the current page section.
   

   

4. On the following pop-up window, select Map from the left-side menu.
5. Choose one of the map presets by hovering over it and pressing its Add button.
   

   

6. Once the map section is created, its settings will appear on the left. You can change the background color, vertical padding, layout, location address, and default map zoom.