Using a Google Maps widget on your site can help consumers locate your business and improve the overall user experience.
After [adding a Google map section](/foxify-app/legacy-editor/sections-and-presets.md#add-a-section) to your template, you can start configuring and adding details to it.
{% hint style="info" %}
For the maps to display correctly, make sure you register a **Google Maps API Key.**
See [Get API key](https://developers.google.com/maps/documentation/javascript/get-api-key).
{% endhint %}
### Customizing your map
* **Container**:
* Fixed width
* Full width
* Narrow width
* Extended width
* **Maps address**: Input your address/location.
* **Map style:** Standard/Dark/Light/Grayscale/Retor/Aubergine
* **Map zoom**: between 10-20.
* **Map overlay opacity**: between 0-100%.
* **Map height**: determine the height of the map as:
* Small
* Medium
* High
* or Custom height and input a value in px.
### Adding details to your map
You can add a title and a description to your map location using blocks. This can be great for letting your visitors know what the location is, and any other additional details that you might need to include.
Use the **Content settings** to customize the **Content position** and **Text alignment**.
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.foxecom.com/foxify-app/legacy-editor/sections-and-presets/google-map.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.