# Google Maps

![](https://docs-assets.foxecom.app/minimog-theme/Screen%20Shot%202021-10-14%20at%2021.09.12_f4c2c8Lr.png)

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

<Hint type="success">

Steps

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Google map.**
3. **Save.**

</Hint>

For the maps to display correctly, remember to get its API key in theme settings, see [Get API key](https://developers.google.com/maps/documentation/javascript/get-api-key).

![](https://docs-assets.foxecom.app/minimog-theme/Screen%20Shot%202021-10-14%20at%2021.15.37_Li42TmqS.png)

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

![image](https://docs-assets.foxecom.app/minimog-theme/image_6ZlJyKf5.png)

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

![image](https://docs-assets.foxecom.app/minimog-theme/image_vwu9mB2d.png)

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.

![image](https://docs-assets.foxecom.app/minimog-theme/image_RErGtBqA.png)

You can decide on the **content position** and **content alignment** in **Map settings**.&#x20;

![image](https://docs-assets.foxecom.app/minimog-theme/image_JHAbXgzD.png)

To add content to your Google Maps, click **Add block** and select suitable blocks that meet your needs.&#x20;

![image](https://docs-assets.foxecom.app/minimog-theme/image_H7yfgTv8.png)