> For the complete documentation index, see [llms.txt](https://shoppad.gitbook.io/pagestudio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shoppad.gitbook.io/pagestudio/customize-the-app/change-the-location-of-the-map-content-block.md).

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