From your store's Dashboard click the Site Designer icon in the left Navigation Menu.
The Store Locator Block can be added to any page on your site. In this case, we are going to add it to our site's Homepage by leaving the Page: Home dropdown unchanged.
Locate the section of the page you wish to add the block to, mouse over the section and click the Plus Sign icon to add your block.
Upon clicking the Plus Sign icon, the left side Add A Block menu will open. Scroll down the menu and locate the Maps section. Click the small right-facing arrow to open the menu. Scroll down the menu and locate the Store Locator file. Click the Add Block button to add the Block to your page.
Locate the new Store Locator block that is located on your site's Page. Hover over the Store Locator Block and click the Edit button that appears on the left side of the Block.
The Edit Block menu for the Store Locator offers these options:
Header Block Controls
Trash Can Icon to Delete Block
Arrows to move block up or down the page
Make This Block Reusable Toggle
Setup
Configure
Padding On Top Slider
Padding On Bottom Slider
Google Maps API Key Input Field
Geocoding API Key Input Field
Stores
Add Store Button
Store Name (clickable)
Upon Clicking-
Name Input Field
Address Input Field
Hours Input Field
Phone Input Field
Latitude Input Field
Longitude Input Field
Remove Store Button
Zoom
Default Zoom Level Slider
Styling
Location Marker Color Chooser
User Pin Color Chooser
Map Theme Dropdown (Default, Silver, Retro, Dark, Night, Aubergine)
Colors
Make Background Color Full Width Toggle
Background Color Chooser
Text Color Chooser
Links Color Chooser
Border Color Chooser
Make sure to click the Done button at the bottom of the block edit section to save your changes.
Additionally, you will need to click the green Publish button at the top of the page to make your changes live on your store.
Store Locator Block Setup
In order for your Store Locator Block to present the correct map information, there are several steps that must be taken within the Google Cloud. We outline the exact steps that need to be taken in THIS ARTICLE. Please review this article and follow the outlined steps in order to have your Store Locator Block work correctly.