Your Map section is where you can display your physical store's location using the Google Map platform.
Establishing your online storefront alongside your brick-and-mortar outlet solidifies your brand’s credibility.
Within your Shopify admin, go to Sales Channels > Online Store > Themes.
Click your theme, and select Customize.
On the left-hand menu, select Add section.
Scroll down to select Map.
Click Select.
While neither are required fields, you can choose to add a Heading and a Subheading above your map by typing them into the entry fields under Settings.
A new Heading will also rename this section entirely.
The Heading and Subheading only feature plain text, and therefore can't include any bold or italic text.
Use the Address and hours entry field to let your customers know how and when to get to your store.
You can also use bold, italic, or linked text to ensure that these details are formatted clearly.
By entering your Map address, Google Maps will find the exact location and display it as a map for the background of the section.
By using the Map style drop-down menu, you can change the color scheme that the map is displayed in - this allows you to seamlessly blend your map in with the rest of your storefront.
Use the Google Maps API key entry field to paste the key for your specific location - this is essential for making your map visible within the section.
To make your button visible underneath your text, use the Map link label entry field to write something that will invite your customers to click - this will take them to your store's location within Google Maps.
To add an image to display in the background of the section for times when your map does not load, click Select image.
Upload a new image, or select a pre-existing image from your Library or Shopify's Free Images.