# Change the map block's location

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://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2FTsyHqnpXpikLpAfNxkCP%2FEmbed-map-BS.png%20-%20Step%200.png?alt=media&#x26;token=fbc4faf2-bfbb-4dee-a778-28a61fff3fd7" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2F5aoEDUtJ3WWNDTYyN1ZV%2FEmbed-map-BS.png%20-%20Step%201.png?alt=media&#x26;token=525d16a3-07e8-40b0-8279-a674ce63bd26" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2F5ZFsZM44QQHmzmdHeWfm%2FEmbed-map-BS.png%20-%20Step%202.png?alt=media&#x26;token=9d25be5e-1843-4130-aff1-47ef9efab22d" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2FMfth7mCEer9Mkc9XWxcj%2FEmbed-map-BS.png%20-%20Step%203.png?alt=media&#x26;token=e6506208-a473-4c69-8db4-961ce520171c" 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://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2FzUVF0Jl0ZeV97fnh8kN9%2FEmbed-map-BS_png_-_Step_4.png?alt=media&#x26;token=0e473016-0012-42ed-b98b-8b8e66c31d75" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2FxTDrLE23MQ8K14edHgz9%2FEmbed-map-BS.png%20-%20Step%205.png?alt=media&#x26;token=5e1b6e89-cd1b-4b9f-9899-3a74ba9e4f6a" 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://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2FComWn5Tn8QVKman3S6tD%2FEmbed-map-BS.png%20-%20Step%206%20(1).png?alt=media&#x26;token=e1501457-0deb-412d-94ec-74667c5254e0" 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://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2F3JU4p4xk8XmpfmzeSGGk%2FEmbed-map-BS-2.png%20-%20Step%201%20(1).png?alt=media&#x26;token=e27baf55-2aad-426e-b43b-28e90868f6e8" alt=""><figcaption></figcaption></figure>

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