Map
How to display stores' location in the map section
This article guides you on how to add and customize your Google map in Zest. This is a great way to show your nearest store address when customers want to do offline shopping.
How to add a Map
Steps
In the theme editor (Customize), click Add section.
Locate Map.
Make necessary changes.
Save.
How to edit a Map
Section settings
1. Get a Google Maps API key
To display the store locator, you need to register a Google Maps API key.
2. Set up the map section
After getting the API key, you can now modify the coordinate respectively. Type in the store's address and choose a suitable banner for it.
3. Options
Choose your map style, map height, and how your visitors interact with the map.
Draggable: Enable customers to move the map using a mouse
Scroll wheel: Enable the scroll function on the map
Block settings
Now that you have a basic map of the store's location, you can choose to display additional information within the box, which are:
Heading
Text
Button
Social links
To add social links to your map, go to Theme settings > Social media.
Last updated