Support > Advanced Topics > How to set up product locator pages using filtering

How to set up product locator pages using filtering

One of the questions we get commonly asked is "Can I set up my Store Locator so that our customers can filter based on the type of product a store sells?". The short answer is yes you can and in this blog article we explain how this is done.

The way this can be achieved using our Store Locator Software is using Filters. You can define one or more Filters for each location and this can be used by your customers to filter your list of locations. For example if you define the following filters for a particular location:

Here's how this will look in your store locator:

If your customer clicks on 'Ladies Clothing', the results will automatically be filtered to show only those stores which you have defined as selling Ladies clothes. The same approach can be used in lots of different ways - for example, if you sell a range of products through a network of stores but not every store carries every product, you can add the products sold in each store as a Filter and your customers can then easily narrow down their search to only those stores which sell the product they would like to purchase.

We also support a select box for choosing filters if you prefer this approach - just switch to 'Use Dropdown list to choose filters" on the Settings page instead.

To add a Filter to a store, you can either edit the Store manually by clicking on the Store on the Stores page or upload the filter information using our Bulk Upload feature. In our sample download format you will see a 'Filters' column. Multiple Filters can be applied to a single store by separating them with a comma. For example, to add two filters called 'Free WiFi' and 'Drive-thru' to a store entry, you would upload the following entry:

Free Wifi,Drive-thru

But what if you want to have different pages on your website with each page showing the store locator filtered by a particular product? For example, your customers click on a link to a page to list stores that only sell 'Mens Bikes', how can you apply the 'Mens Bikes' filter automatically? Well, we have two ways to achieve this:

Firstly, you can set the filter in the URL of the page that hosts the widget. For example,

Or, if you want to apply multiple filters use commas to separate the terms:,Ladies%20Bikes

Alternatively, you can set the filters in our HTML embed code using the data-filters parameter as follows. First, find this line in your embed code:

<script type="text/javascript" id="storelocatorscript" data-uid="**************************" src="//"></script>

And add a data-filters parameter as follows:

<script type="text/javascript" id="storelocatorscript" data-uid="**************************" data-filters="Sample Filter 1,Sample Filter 2" src="//"></script>

This will pre-configure the locator to only show the locations which match the filter or filters that you have specified.