logo

Quick User Guide

1

To start, configure the Maps API key within the settings section of the application.

To start, configure the Maps API key within the settings section of the application.
2

Choose either Google or Mapbox as your map provider, and enter your API key or Access Token accordingly. Each provider has a unique setup process, and we offer tutorials to guide you through configuring the correct keys.

Choose either Google or Mapbox as your map provider, and enter your API key or Access Token accordingly. Each provider has a unique setup process, and we offer tutorials to guide you through configuring the correct keys.
3

For the purpose of this tutorial, we will be using Mapbox.

For the purpose of this tutorial, we will be using Mapbox.
4

Paste your Access Token into the designated field and save the settings to apply the changes.

Paste your Access Token into the designated field and save the settings to apply the changes.
5

Let's begin by adding the first store location.

Let's begin by adding the first store location.
6

Provide a descriptive name for the location.

Provide a descriptive name for the location.
7

Enter the location address by searching using the app's autocomplete input field.

Enter the location address by searching using the app's autocomplete input field.
8

If necessary, adjust the pin to ensure proper alignment.

If necessary, adjust the pin to ensure proper alignment.
9

Additionally, you have the option to customize the pin color.

Additionally, you have the option to customize the pin color.
10

Proceed with the remaining details and information.

Proceed with the remaining details and information.
11

You can also provide additional information, such as links to social media profiles.

You can also provide additional information, such as links to social media profiles.
12

You can provide the operational hours for the location.

You can provide the operational hours for the location.
13

You have the option to create a gallery for each location, featuring up to five images. You can upload images using the built-in uploader to Shopify files, or alternatively, use image URLs directly.

You have the option to create a gallery for each location, featuring up to five images. You can upload images using the built-in uploader to Shopify files, or alternatively, use image URLs directly.
14

You can also assign up to five related products to each location.

You can also assign up to five related products to each location.
15

The product selection modal will appear, allowing you to select your preferred products.

The product selection modal will appear, allowing you to select your preferred products.
16

Once you've made your changes, click "Save settings".

Once you've made your changes, click "Save settings".
17

Return to the previous step to preview the location.

Return to the previous step to preview the location.
18

"Preview mode" allows you to verify the location's appearance.

"Preview mode" allows you to verify the location's appearance.
19

Click "View details" to preview all location details, including the gallery and related products.

Click "View details" to preview all location details, including the gallery and related products.
20

Navigate to the app's main page to complete the setup guide.

Navigate to the app's main page to complete the setup guide.
21

Let's add the Store Locator app block into your theme.

Let's add the Store Locator app block into your theme.
22

Once the app block has been added, you can review all available customization options.

Once the app block has been added, you can review all available customization options.
23

Explore the available design options, map styles, and more.

Explore the available design options, map styles, and more.
24

Click "Save" to publish the changes to your theme.

Click "Save" to publish the changes to your theme.