How to display your store map?

The store map is useful for showing your store’s contact information together with its physical location.

How to display your store map

To add a Google Map to this section:

1. Add a Custom Liquid section to the page.

2. Go to Google Maps and search for your store location.

3. Click Share → Embed a map.

4. Select Custom size if you want to adjust the map dimensions, then click Copy HTML.

5. Return to the editor and paste the copied HTML into the Liquid code field.

Example

<iframe
  src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2692.849484848195!2d7.588551299999999!3d47.5512581!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4791b852bf18aa8f%3A0xbe9647ada179cb61!2sRadisson%20Blu%20Hotel%2C%20Basel!5e0!3m2!1sen!2s!4v1787300207579!5m2!1sen!2s"
  width="800"
  height="600"
  style="border:0;"
  allowfullscreen=""
  loading="lazy"
  referrerpolicy="strict-origin-when-cross-origin">
</iframe>

You can adjust the map size directly in the code by changing the width and height values.

For example:

width="100%"
height="500"

Using width="100%" is recommended if you want the map to automatically fit the available page width.