Search filters let your visitors narrow down locations by category. Think "Drive-Through", "Open 24 Hours", "Organic", or whatever makes sense for your business. They show up as clickable options in your store locator widget, and visitors can pick one or more to find exactly what they need.
Filters are one of the most-used features in StoreRocket, and they only take a few minutes to set up.
Creating filters
Go to your Filters page
Click Create Filter
Give it a name (this is exactly what your visitors will see, so name it clearly)
Optionally upload an icon image
Hit Save
That's it. Your filter exists now, but it won't show up in the widget until you assign it to at least one location.
Assigning filters to locations
Creating a filter is step one. Step two is telling StoreRocket which locations have which filters. You have three ways to do this.
Method 1: In the dashboard
Go to Locations, edit a location, scroll down to the Filters section, check the filters that apply, and save. Simple, but slow if you have hundreds of locations.
Method 2: CSV import
This is the fastest way to assign filters in bulk. When you import locations via CSV, add a column called Filters to your spreadsheet. For each location, list the filter names separated by commas.
This is the #1 thing people get wrong. Read this section carefully.
Your CSV column header must be exactly: Filters
Not Filter. Not filter. Not Category. Not Tags. Just Filters with a capital F.
Inside each cell, list the filter names separated by commas:
WiFi, Parking, Pet Friendly
Here's a full CSV example:
name, address, Filters Downtown Store, 123 Main St, "WiFi, Parking" Airport Location, 456 Terminal Blvd, "Open 24h, WiFi" Suburban Store, 789 Oak Ave, "Parking, Pet Friendly, Drive-Through" Mall Kiosk, 321 Commerce Dr, "WiFi"
Important details about the Filters column:
Wrap values in quotes if they contain commas (most spreadsheet tools do this automatically on export)
Spelling matters. "Drive-Through" and "Drive Through" are treated as two different filters
If a filter name doesn't exist yet, StoreRocket creates it automatically during import. You don't need to create filters in the dashboard first
Use commas to separate multiple filters, not pipes or semicolons
Method 3: Google Sheets sync
Same format as CSV. Add a Filters column to your connected spreadsheet, use comma-separated filter names, and StoreRocket will pick them up on the next sync. Set up your Google Sheet at the Spreadsheet page.
Controlling AND vs OR behavior
When a visitor selects multiple filters, you control what happens. Go to Widget > Settings and find the Filters Behavior section.
You'll see two options:
"Show locations that have ALL the selected filters" (AND logic)
This is the default. It's strict. If a visitor selects "Parking" and "WiFi", they'll only see locations that have both Parking AND WiFi. If a location only has Parking, it won't show up.
This works great when your filters are attributes or features. Visitors are saying "I need a location with ALL of these things."
"Show locations that have ANY of the selected filters" (OR logic)
This is more relaxed. If a visitor selects "Organic" and "Drive-Through", they'll see all locations that have Organic, all locations that have Drive-Through, and all locations that have both.
This works great when your filters are categories or brands. Visitors are saying "I'm interested in ANY of these types."
Quick reference
Visitor selects | AND result | OR result |
Parking + WiFi | Only locations with BOTH | Locations with Parking OR WiFi (or both) |
Organic | Same either way | Same either way |
Parking + WiFi + Pet Friendly | Only locations with ALL three | Locations with any of the three |
Getting zero results after selecting filters? You're probably using AND logic and no locations have all the selected filters assigned. Either switch to OR logic or make sure your locations have the right combinations of filters.
Pre-filtered embeds (different locations on different pages)
This is powerful. You can make different pages on your website show different subsets of your locations, all from the same StoreRocket project.
Pre-selecting filters on load
Add data-storerocket-filters to your embed code to load the widget with certain filters already selected:
<div id="storerocket-widget"
data-storerocket-id="YOUR_ACCOUNT_ID"
data-storerocket-filters="42,78">
</div>The values are filter IDs (not names). You can find each filter's ID on your Filters page, shown next to each filter name.
For multiple filters, separate IDs with commas: data-storerocket-filters="42,78,103"
Visitors can still clear these filters to see all locations.
Limiting which filters appear in the dropdown
If you only want certain filters to be available on a specific page, use data-storerocket-enabled-filters:
<div id="storerocket-widget"
data-storerocket-id="YOUR_ACCOUNT_ID"
data-storerocket-enabled-filters="42,78">
</div>This hides all other filters from the dropdown. Only filters with IDs 42 and 78 will be visible and selectable. This is different from pre-selecting: it completely removes the other filters from the widget on that page.
Using both together
You can combine them. This loads the widget with filter 42 already selected, and only filters 42 and 78 available in the dropdown:
<div id="storerocket-widget"
data-storerocket-id="YOUR_ACCOUNT_ID"
data-storerocket-filters="42"
data-storerocket-enabled-filters="42,78">
</div>
Example use cases
Product pages: Show only stores that carry a specific product line
Regional pages: Show only stores in a specific region or territory
Partner pages: Show only authorized dealers or premium locations
Brand pages: Show only locations that carry a specific brand
Get your base embed code from the Install page and add these attributes to it.
Renaming the "Filters" label
Don't want your widget to say "Filters"? No problem. Go to your Languages page, find the field labeled Filters Label, and change it to whatever you want. "Brands", "Categories", "Services", "Store Type", whatever fits your business.
The change shows up on your live widget within a minute.
Hiding a filter from the widget
Want to keep a filter for internal organization but hide it from visitors? Edit the filter on your Filters page and toggle Visible off.
Hidden filters still work with pre-filtered embeds (using data-storerocket-filters). They just won't show up as options visitors can click on.
Adding icons to filters
You can replace the default colored dots with custom icons. Edit any filter on your Filters page and upload an icon. Accepted formats are JPG, PNG, or SVG, up to 1MB.
To show the icons in your widget (instead of colored dots), go to Widget > Settings and enable the Use filter icons option.
Troubleshooting
Filters not showing in the widget
The most common reason: no locations have that filter assigned. Creating a filter doesn't do anything by itself. You need to assign it to at least one location, either through the dashboard, CSV import, or Google Sheets.
Also double-check that the filter is set to Visible on your Filters page.
Widget showing old or deleted filters
Browser cache. Try a hard refresh (Ctrl+Shift+R on Windows, Cmd+Shift+R on Mac). If your website uses a CDN or caching plugin, clear that cache too. Give it a minute or two.
Imported filters but they're not assigned to locations
Check your CSV column header. It must be exactly Filters (capital F, plural). If you used Filter, filters, Category, or anything else, the import won't pick it up as filters.
Also make sure the filter names in your CSV cells match exactly what's in your StoreRocket account (or they'll be created as new, separate filters).
Filter created but no locations show under it
This is expected. Creating a filter is just step one. You need to go to each location and check that filter, or assign filters via CSV/Sheets import. A filter with zero locations assigned to it won't appear in the widget.
Zero results when selecting multiple filters
You're using AND logic (the default). No locations in the visible area have ALL the selected filters. Either switch to OR logic in Widget > Settings, or make sure your locations actually have the right filter combinations.
Pre-filtered embed not working
Make sure you're using filter IDs (numbers), not filter names. The data-storerocket-filters and data-storerocket-enabled-filters attributes expect numeric IDs, which you can find on your Filters page.
Questions about filters? Hit us up on live chat.