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?


  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.

Last updated