# Change the location of the map content block

Page Studio's Map content block allows you to display a location via [Google Maps](https://www.google.com/maps). Follow the steps below on how 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/0lAG2I0bsrCp72zv2Gox" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

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

### Add embed code to Map content block

1. From your Shopify admin dashboard, navigate to **Apps**, and head into the **Page Studio** dashboard.
2. Edit your page clicking the pencil icon.

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

3. Select the icon for **Content Blocks**.

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

4. Click on the map content block and drag it where you'd like it to display on your page.

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

5. Click on the map, then select the gear icon at the top right to reveal the default embed code.

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

6. Highlight the default embed code and replace with the new version.

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

7. Change the width to **100%**.

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

7\. Click the **Ok** button.

8\. **Save** your changes at the top right of the page.


---

# 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/pagestudio/customize-the-app/change-the-location-of-the-map-content-block.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.
