Google Maps

A guide to display stores' location

A great way to show your nearest store address when customers want to do offline shopping.


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

  2. Locate Google map.

  3. Save.

For the maps to display correctly, remember to get its API key in theme settings, see Get API key.

After getting the API key, you can now modify the coordinates respectively. Set up a reasonable height for the map section.

The map zoom is between 10 and 20. Simply tweak the toggle to change the value.

After adding the Map text, you can show more information to your Google Maps about your brand's name, address, working hours, etc., and even add call-to-action buttons here.

You can decide on the content position and content alignment in Map settings.

To add content to your Google Maps, click Add block and select suitable blocks that meet your needs.

Last updated