How to Add a Google Map to the Store Contact Page

Step 1 — Get the embed code from Google Maps

1. Open Google Maps in your browser.
2. Search for your business address or location.
3. Click the Share button (the arrow icon on the location card).
4. In the Share popup, click the Embed a map tab.
5. Choose your preferred map size.
6. Click Copy HTML. The copied code will look like this:

<iframe src="https://www.google.com/maps/embed?pb=..." width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

Step 2 — Open Store Settings

1. In the admin top navigation bar, click Marketing.
2. From the dropdown, click Store.
3. In the Store Management Hub, click the Settings card — or click Settings in the Store nav bar at the top of the Store section.

Step 3 — Go to the Contact & Analytics tab

1. Inside Store Settings, you will see a row of tabs at the top.
2. Click the Contact & Analytics tab.

Step 4 — Paste the map code

1. Scroll down past the Analytics & Custom Scripts section until you reach the Contact Information section.
2. Find the Store Google Map field.
3. Paste the full <iframe>...</iframe> code you copied from Google Maps into this field.

Step 5 — Save

1. Click Save to apply the changes.

The map will now appear on your store’s contact page.