> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/minimog-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://foxecom.gitbook.io/minimog-theme/theme-sections/google-maps.md).

# Google Maps

<div data-full-width="true"><figure><img src="/files/1OZ2q7N6tFYitFzBKwTz" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=minimog%2Bhelp%2Bcenter&#x26;utm_medium=banner&#x26;utm_campaign=foxaffiliatelaunch2024">Explore FoxEcom Affiliate Program now </a><span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

![](/files/f4c2c8Lr3rr6tXypdvs8)

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

{% hint style="success" %}
Steps

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

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

![](/files/Li42TmqSyezZxxV5tXj1)

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

<figure><img src="/files/6ZlJyKf5ZqYvHwZFYiFI" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/vwu9mB2d2lIxSzisHGTC" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="/files/RErGtBqAN4PUjA2vEv7e" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/JHAbXgzDZv6pEwJXS52O" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/H7yfgTv8vuYPMaCDYmrg" alt=""><figcaption></figcaption></figure>
