Sort and filter
When searching and browsing your storefront, customers can sort and filter lists of products to find relevant items quicker. The sort and filter experience varies slightly between desktop and mobile devices.
Desktop experience
On desktop browsers, filter groups appear on the filter bar before the product grid. Customers can click the filter groups to view the filter options. The sort menu appears in the product grid. Customers can click the sort menu to view the sort options.
The following image shows an example of the filter groups and sort group on a product collection page:
Mobile experience On mobile devices, filter and sort groups appear in the product grid. Customers can click the filter group to view the filter options or the sort group to view the sort options.
The following image shows an example of the filter group and sort group on a product collection page:
Sort options
Customers can use sort options to reorganize the product list on product collection pages and search results pages. The default sort option is Sort by Best match.
The following sort options are supported:
- Sort by Best match. Sorts items by based on a combination of the customer’s purchase history, search history, and popularity. For guests, products are sorted by popularity. Popularity sorts items by most frequently purchased from the store that the customer is shopping at.
- Sort by Price: Lowest First. Sorts items from lowest list price to highest list price.
- Sort by Price Highest First. Sorts items from lowest list price to highest list price.
- Sort by Unit Price: Low First. Sorts items from lowest unit price to highest unit price, such as per ounce or per gram. For example, a box of 300 gram cereal with a list price of $3.00 equals $0.01/gram.
- Sort by Unit Price: Highest First. Sorts items from highest unit price to lowest unit price, such as per ounce or per gram. For example, a box of 300 gram cereal with a list price of $3.00 equals $0.01/gram.
- Sort by Relevance. Sorts items by relevance score, which is a combination of various factors, including but not limited to, name, aisle, and popularity.
The following image shows an example of the sort group on a product collection page:
Filter options
Customers can use filter options to narrow the product list to show items that satisfy the filter criteria. Filter options appear on search result pages and product collection pages. For example, the Ice cream & popsicles product collection shows filter options.
Filters are displayed in an order that reflects the most common ways customers shop. If many filters are present, a horizontal scroll is available.
The following image shows an example of the filter options:
The following table describes the filters:
| Filter | Description | Pages |
|---|---|---|
| On Sale | Shows products on sale. | Browse and Search |
| Departments | Filters products by departments. | Search |
| Brands | Filters products by brands. | Browse and Search |
| Dietary preference | Filter by the following Instacart product tags: - Fat-free - Gluten-free - Kosher - Organic - Sugar-free - Vegan | Browse and Search |
Dietary preferences are based on the product tags that you define in your inventory file. You can also configure custom tags (also known as custom attributes), such as grass-fed or earth-friendly. Work with your Instacart representative to configure your custom tags.
Dynamic filters
Filters for departments, brands, and dietary preferences are dynamic to ensure that the storefront shows options that are relevant to the collection or search term. Dynamic filters reduce the chances of customers applying filter combinations that return no results. For example, if a customer applies a Gluten-free filter while browsing the Cereal collection, the Brand filter group shows only the brands that carry gluten-free cereal.
Also, some additional filters might appear depending on the collection or search term. For example, the Fat Content filter appears when you search for milk but not when you search for crackers. The Fat Content filter enables customers to filter by fat-free, 1%, 2%, and whole milk.
The On Sale platform filter is also dynamic. If there are no sale items, the On Sale filter does not appear.
Configuration
To determine the filter options that display on your storefront, contact your Instacart representative.
(Storefront Pro 5) To add custom tags to filter options, see Product tags.