Zest Theme
Zest Theme
Theme Sections

Map

2 min read
image

Showcase your store's location with a live Google Map, store info, and a call-to-action button. It’s especially helpful for brick-and-mortar stores that want to build trust and make it easy for customers to find them.

How to add a Map section to your Shopify store

Steps

  1. In the theme editor (Customize), click Add section.
  2. Locate Map.
  3. Make necessary changes.
  4. Save.

How to edit a Map section

Section settings

SettingDescription
AddressInput the physical location of your store.
Google Maps API keyRequired for the map to display. See register a Google Maps API key.
BannerOptional image shown if map doesn't load.
Map styleChoose from default, silver, retro, dark, night, aubergine.
Map heightAdjust the map height in pixels.
ZoomAdjust zoom level. Higher values shows a closer view.
DraggableAllow users to drag and explore the map.
Scroll wheelEnable zooming with mouse scroll. Only works if draggable is on.

Without a valid Google Maps API key, the map will not appear. A fallback banner image is highly recommended in such cases.

Block settings

Now that you have a basic map of the store's location, you can choose to display additional information within the box, including:

  • Heading
  • Text
  • Button
  • Social links.
Add your social links in Theme settings > Social media
Last updated

Lookbook

Previous Page

Mixed image cards

Next Page

ON THIS PAGE

How to add a Map section to your Shopify storeHow to edit a Map sectionSection settingsBlock settings

Was this helpful?