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.

In this article:

How to add a map section?

How to customize your map section?

How to add a map section?

Steps

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

2. Locate Map.

3. Make necessary changes.

4. Save.

How to customize your map section?

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.