Map

Map

Map displays an interactive Google Map alongside your store address and opening hours. 

To enable Google Maps, you need to enter a valid Google Maps API key in the section settings. A static map image can also be used in place of a Google Map.

Section settings for the map are listed in the table below.

SettingDescription
HeadingAdd a heading.
Heading sizeSelect the heading size.
TextAdd text.
Button labelAdd a label for the button.
Button linkAdd a link for the button.
Button style
Select the button style.
Google Maps API keyAdd an API key for Google Maps, required to show the Google Map.
AddressSet the address for the Google Map.
Show map pinUse this setting to show the address pin on the Google Map.
Map styleSelect the style for the Google Map (default, light or dark).
Cover image
Select an image to be shown if the Google Map does not load or an API key is not added.
Section width
Select the section width.
Map heightSelect the image width on desktop devices.
Color scheme
Select the color scheme for the section.
Container color schemeSelect the color scheme for the text container.
Section padding
Top paddingSelect the top padding for the section.
Bottom paddingSelect the bottom padding for the section.

    • Related Articles

    • How do I enable Google Maps?

      To enable a Google Map within a map section, you must provide a valid Google Maps API key in the section settings. You can find this key from your Google Maps account dashboard. If an invalid API key is provided or no key is provided, then the Google ...