# 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="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FulpRqHxaGY9MnEPKwnTc%2Fgoogle-maps.png?alt=media&#x26;token=dc87b5ec-b41f-419a-8b57-4deccad4bff8" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FjBoUfwkhDzrVYGcgcjaa%2Fmap-menu.png?alt=media&#x26;token=d4f63f31-74e1-4329-859d-4a04f7e7ae5f" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FFEWitHvWpczWtDXkBNxi%2Fshare-or-embed-map.png?alt=media&#x26;token=27e91ba6-9cfb-4970-b790-4c916952a266" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2F4vB5nnQLj9nYKZbxTuDW%2Fmap-copy-html.png?alt=media&#x26;token=2d14acc9-bc9b-40a3-9422-ca77a63b0870" 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://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FZrqogiswrq08p8fWzRtk%2Fedit-page-studio.png?alt=media&#x26;token=0f30f8ef-aad9-45a0-a667-7b9e52422e8b" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2Fb9pYdE1iE8netgzFOZyu%2Fcontent-blocks-page-studio.png?alt=media&#x26;token=ff6eae8b-4434-4caa-8ba7-c93771a25ef2" 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://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FiQdebLAp0lGQbFwdtSn7%2Fmap-content-block.png?alt=media&#x26;token=e58619d9-3772-4d27-a5ee-2b1d800c220a" 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://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FIpnSFlKDMkTnrwlD6Qvc%2Fmap-embed-code.png?alt=media&#x26;token=85f47f19-ea4c-4669-b9e7-d9a8b7947e84" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FgsbOvJ3reacAcZYB0v2W%2Fembed-code.png?alt=media&#x26;token=2bbee2b9-5751-4301-b97a-ec184c13902b" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FunrjMkjZeuxKt4vRDY4s%2Fchanging-width-100.png?alt=media&#x26;token=66b5e222-9145-47de-89c5-4349f4157d8c" alt=""><figcaption></figcaption></figure>

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

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