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

Setup Instruction Link

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.

Did this answer your question?