Building a Store Locator page
Last updated
Last updated
After installed our app, you need to enable the app before go to next step.
From the app admin, click the Settings on the left sidebar -> General -> Enable App -> Click the "Go to Theme Settings > App Embeds" button -> Enable the app by swiping the button to turn blue -> Click the Save button.
You can also watch the instructions to enable the app in the video below:
From the app admin, click the Settings on the left menu -> General -> Enable App -> Click the "Go to Theme Settings > App Embeds" button -> Disable the app by swiping the button to turn gray -> Click the Save button
Before adding locations to the store list, we recommend that you create your own Google API Key to ensure that the app works properly and smoothly (About 5 minutes to complete this).
--> How to generate Google Map API Key: https://sl-guide.storeify.app/google-map-api-key/generating-and-setting-api-keys
Note: You need to enable the list of required APIs and enable billing on the Google Cloud Project.
Don't worry about the cost when using Google Maps service, currently Google free $200/mo for each account (about 28.5k maploads/mo): https://mapsplatform.google.com/pricing/
Go to Locations on the left menu -> click the Add location button in the top right corner. Put your store information under "Add Location" box. Please see the screenshot below
Go to Locations on the left menu -> click the Import button in the top right corner.
Download the sample file by clicking the Download Sample button.
Use Excel or Google Sheet to edit the sample Excel file and add your stores. Some columns in excel file: - name: Put the store location name (required). For example: Store 01 - url_key: It is a url keyword to link to the detailed location page (optional). Contains no special characters, only alphanumeric and - . For example: store-01 - status: Put 1 to enable location, 0 to disable location (required). - thumbnail: Put logo/image URL of location (optional). - email: Email address (optional). - web_text: Website text (optional). - web: Website URL (optional). - street: (required). For example: 7207 Chagrin Road, Suite #1 - city: (required). For example: Chagrin Falls - region: (optional). For example: OH - postcode: (optional) For example: 44023 - country: (required). For example: United States - lat: Latitude of location (required if importing by OPTION 2 - With Lat & Long) - lng: Longitude of location (required if importing by OPTION 2 - With Lat & Long) - telephone: Phone number (optional). - description: This value will be displayed on the detailed location page (optional). - schedule: This value will be displayed on the detailed location page (optional) - sort_order: Use natural numbers to sort order locations (0, 1, 2, 3,...). You can change the sort ascending or descending in the app settings. Default: 0 (optional). - products: Help customers can search the location based on the product name. Also available products will be displayed on the detailed location page.(optional) - tags: (optional). For example: Open 24h,Free Wifi
Import the Excel file with your store locators OPTION 1 - Without Lat & Long: If your Excel has NOT got the Lat & Long value, please use this option. OPTION 2 - With Lat & Long: If your Excel has the Latitude and Longitude for all locations, please use this option to import them one time only.
To use this feature, go to Locations on the left menu -> click the Import button in the top right corner -> Import the Google Sheet
From our excel sample file, you will see the products column. See screenshot below
Use product IDs, each ID is separated by comma.
Please see the caption in the image below to fill in the correct information for the Schedule column.
Please see the caption in the image below to fill in the correct information for the Social column.
Go to Locations on the left menu -> click the Export button in the top right corner.
Click the Download CSV/ Download Excel xls/ Download Excel (xlsx) button.
Go to Locations on the left menu, on the "Locations" grid, you can see all locations you added. Click the edit icon to edit a location. The location editing interface is completely similar to the location adding interface.
For some reason, the longitude and latitude of the location are not correct, you can adjust these parameters manually.
Please go to Edit location -> Preview
Go to Locations on the left menu, on the "Locations" grid, you can see all locations you added. Click the delete icon to delete a location.
Delete all locations with a single click of the Delete all locations button above the list.
Go to Locations on the left menu, on the "Locations" grid, you can see all locations you added. To enable all inactive locations, follow these steps:
Select Disabled Locations in the top right Select box.
Click the Enable All button.
Go to Locations on the left menu, click the Locations from the left sidebar. On the "Locations" grid, you can see all locations you added. To disable all active locations, follow these steps:
Select Enabled Locations in the top right Select box.
Click the Disable All button.
Now let's see your results via link https://your-shopifydomain.com/a/store-locator/list
For example: https://storeify-demo.myshopify.com/a/store-locator/list
You can also add the store locator map to any page:
You can also embed the Store Locator map anywhere by adding the shortcode: [storeify-storelocator]
The application supports adding Store Locator to the page in an intuitive way compatible with Online Store 2.0
