Adding Google Maps

Overview
Adding a map to your website improves user experience by providing clear directions and a visual reference for your business location.
In this guide, you’ll learn how to:

• Add a map to your page
• Connect a Google Maps API key
• Set your location
• Customise the map display
• Preview and test functionality

1. Add the Map Element
To place a map on your page:

• Locate the Maps element in the main toolbar.
• Drag and drop it into your desired section.
• Choose a composition style (the default layout works well for most contact pages).

2. Connect the Google Maps API
A Google Maps API key is required for the map to display properly.

• Get an API Key:
  Generate your key via the Google Maps Platform.
• Add the Key:
  1. Select the map element.
  2. Go to the right-hand panel.
  3. Find the API Key field and paste your key.

3. Set Your Location
Define where the map should point:

• Enter Address:
  Type your business address in the address field to automatically position the map.
• Adjust Marker Manually:
  Drag the map marker to fine-tune the exact location.

4. Customise Map Appearance
Adjust the map to match your website’s look and feel:

• Map Type:
  Choose between options like Roadmap or Satellite.
• Map Theme:
  Select a visual style (e.g., light or dark mode).
• Zoom Level:
  Set how close or far the map appears by default.
• Advanced Settings:
  Explore additional options to control map behaviour and display features.

5. Preview and Test
Before publishing:

• Click Preview at the top of the editor.
• Check that:
  • The map loads correctly
  • The marker is accurately placed
  • The zoom level provides enough context