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

# Change the location of the map content block

Show a different Google Maps location in Page Studio's 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="https://docs.theshoppad.com/pagestudio/assets/google-maps.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://docs.theshoppad.com/pagestudio/assets/map-menu.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://docs.theshoppad.com/pagestudio/assets/share-or-embed-map.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://docs.theshoppad.com/pagestudio/assets/map-copy-html.png" 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="https://docs.theshoppad.com/pagestudio/assets/edit-page-studio.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://docs.theshoppad.com/pagestudio/assets/content-blocks-page-studio.png" 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="https://docs.theshoppad.com/pagestudio/assets/map-content-block.png" 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="https://docs.theshoppad.com/pagestudio/assets/map-embed-code.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://docs.theshoppad.com/pagestudio/assets/embed-code.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://docs.theshoppad.com/pagestudio/assets/changing-width-100.png" alt=""><figcaption></figcaption></figure>

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

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