> For the complete documentation index, see [llms.txt](https://docs.theshoppad.com/blogstudio/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/blogstudio/customize-the-app/change-the-map-blocks-location.md).

# Change the map block's location

Copy a location's embed code from Google Maps and paste it into Blog Studio's Map content block to change the address shown.

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="https://docs.theshoppad.com/blogstudio/assets/Embed-map-BS.png%20-%20Step%200.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://docs.theshoppad.com/blogstudio/assets/Embed-map-BS.png%20-%20Step%201.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://docs.theshoppad.com/blogstudio/assets/Embed-map-BS.png%20-%20Step%202.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/blogstudio/assets/Embed-map-BS.png%20-%20Step%203.png" 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="https://docs.theshoppad.com/blogstudio/assets/Embed-map-BS_png_-_Step_4.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://docs.theshoppad.com/blogstudio/assets/Embed-map-BS.png%20-%20Step%205.png" 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="https://docs.theshoppad.com/blogstudio/assets/Embed-map-BS.png%20-%20Step%206%20%281%29.png" 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="https://docs.theshoppad.com/blogstudio/assets/Embed-map-BS-2.png%20-%20Step%201%20%281%29.png" alt=""><figcaption></figcaption></figure>

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