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

1. In the theme editor (Customize), click Add section.

2. Locate Map.

3. Make necessary changes.

4. 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.