Pre-selecting a locator filter on page load is now a full feature! This allows for the full locator offering, but also a pre-filtered view that can be used to highlight certain locations. This only works if the locator has filter values and those filter values are displayed on the locator.

For example, this locator is loaded directly with 3 pre-selected filter options

The filter options can be selected across different filter “types” if needed. The example shows “Services” and “Brands” being pre-filtered at the same time.

Implement Pre-Selected Filters

1. You’ll need a Locator in place on your page. This can either be a locator built with the Front End builder tool, or through snippet definition.
2. Make sure the locator has filters enabled.
3. Using the name of the filter section as shown on the locator (we’ll use the above examples of “Services” and “Brands”), modify the locator snippet and add the following attribute for each filter type you want to pre-select data-filter-pre-selected-services="". Note that your filter types may have a different name, replace “services” by the name of the filter type/section displayed in the locator.
4. Enter a comma-separated list of filter values you want pre-selected. data-filter-pre-selected-services="Local SEO,Reputation Management"
5. If you want to filter on more than one filter type, you can add another attribute to the snippet as in steps 3&4 and adjust them for the filter type and filtered values.

The following locator snippet enables pre-filtering for “Local SEO” and “Reputation Management” for the “services” filter and “Brand1” for the “brands” filter.

<div id="store-finder-widget" data-key="ddddddddddddddddd"
data-filter-pre-selected-services="Local SEO,Reputation Management"
data-filter-pre-selected-brands="Brand1"></div>