# Change the map block's location

Blog Studio's Map content block allows you to display a location via [Google Maps](https://www.google.com/maps). Follow the steps below to change the displayed location.

### Grab the location's embed code from Google Maps

1. Navigate to the website [google.com/maps](https://www.google.com/maps) and search for the location you'd like to display.

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

2. Click on the **Menu** icon located next to the search bar.

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

3. Click on **Share or embed map**.

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

4. Navigate to the **Embed a map** tab, then click the **COPY HTML** link.

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

### Add embed code to the Map content block

1. From your Shopify admin dashboard, navigate to **Apps**, and head into the **Blog Studio** dashboard.
2. Edit your page by clicking the pencil icon.
3. Select the **Content Blocks** section, then drag and drop the **Map** content block.

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

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

4. Click on the content block, then click on the gear icon at the top right to reveal the default embed code.

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

5. Highlight the default embed code and replace it with the new version.
6. Be sure to change the width from 450 to **100%**.

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

7. Click the **Ok** button.
8. **Save** your changes.


---

# 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://shoppad.gitbook.io/blogstudio/customize-the-app/change-the-map-blocks-location.md?ask=<question>
```

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.