Product filters

When you use product filters in your store, your customers find what they need much faster and, thus, convert more easily.

As you enable filtering options, store visitors can use them within your category pages as well as on the search page of your store to refine their search by prices, categories, SKU, availability, special offers, brands, colors, sizes and more. You instantly get more filters, as you update your products with new product qualities.

If you run a multi-brand store with a diverse inventory of 50+ items, the filters is just what you need to provide excellent shopping experience to your clients and grow your sales.

Enabling filters

To switch on product filtering for your store:

1. From your Ecwid admin, go to Settings → Product filters.
2. Click Enable filters:
   

   

That’s it! Ecwid enables a list of filters that are most relevant to your catalog based on the information about your products like price, stock level, category, options and attributes:

For example:

• If you use categories for grouping your items, you’ll get a Categories filter.
• If your products have sale prices and stock levels specified, On sale and In stock filters will be enabled.
• In case your products have common options like sizes and colors, Ecwid will create Size and Color filters for you.
• If you have added brand names as product attribute values, they will become a Brand filter.

The enabled filters appear within your own categories - visit a product category and click Refine by to see the filter panel:

Besides, enabled filters are available to your customers in the search page of your store:

Adding new filters

As you enable product filtering, filters that are most useful for searching through your catalog are created automatically. The more products match the filtering criterion, the higher it is placed in the list. Still, you may want to add some extra filtering options.

To add a new filter to your store:

1. From your Ecwid admin, go to Settings → Product filters.
2. Click Add Filter Criteria. Here you may find some filters that match fewer products, but can also be useful to your buyers.
3. Click Add, then enable the newly added filter:
   

   

In case no filters are suggested on this page, it means that Ecwid could not find more filtering criteria for your items. So, you will need to create them by adding new product attributes or options.

Let’s say, you sell books in different covers, but haven’t specified their types yet. To create a Cover type filter, you need to:

1. From your Ecwid admin, go to Settings → Product Types.
2. Create a product attribute that your products will share:
   

   

3. Navigate to your Catalog and click Edit on the product, that should be filtered by this attribute.
4. Open the Attributes tab and fill in values to the attribute field for each product, then save these changes:
   

   

   Attribute names and values spelled identically will be treated as a single filter. If they differ in case or spacing, they will be treated as different filters.
   If you want to list multiple values per one attribute (e.g., values "2021", "2022", and "2023" for your "Year" attribute) and use them as filters, contact support to opt in and try it out.
5. Proceed to Settings → Product Filters and click Add Filter Criteria.
6. Add the created attribute as a new filter:
   

   

A list of checkboxes with the attribute values is now available to your customers in the filters panel.

As you create new attributes and options for your products, new filtering options will be available to you at the Product Filters page.

Managing filters

You can remove and sort filters to create a perfect filtering tool for your buyers.

To temporarily disable an active filter:

1. From your Ecwid admin, go to Settings → Product filters.
2. Switch the toggle to the Disabled state on the filter:
   

   

To remove the unnecessary filter at all, click Actions → Delete on the filter:

To change the order of filters in the storefront:

1. Сlick Actions → Sort on the filter.
2. Drag and drop filters to sort:
   
3. Click Sort by next to a filter and choose how you want selections for this filter to be sorted: by ascending value (for example, in alphabetical order) or by descending number of products with this selection.

The order of filtering options will change both in your Ecwid Control Panel and in the storefront.

Expanding filters

By default, the filter panel is collapsed, and customers have to click Refine by to see the list of filters. You can unfold filters and display the panel right on the page. This way, customers will see all the filters at once and can find the products they want within seconds.

The expanded view is perfect for apparel shops as it allows customers to search for the exact same clothing that they have in mind. It also helps customers have a more complex image of the products inside the category or your whole catalog and boosts their shopping imagination, giving them an idea of what else they could buy.

Here is an example of how the expanded filter panel would look the moment a customer opens your category:

To expand product filters in your store:

1. From your Ecwid admin, go to Design.
2. Scroll to Filter panel & sorting options behavior.
3. Enable the Expand filter panel‍ toggle.

The changes will be autosaved.

If you decide to stop showing the expanded filter panel, you can collapse it again in the Design menu in your Ecwid admin.

Choosing where to show the filter panel

By default, filters in your store are displayed only on category pages. They do not appear on the main catalog page located at www.yourstore.com/products. When expanded, the filter panel opens on the right side of the page.

You can adjust the placement of the filter panel in your store to fit your business needs. For example, large apparel stores can choose to display filters on both the category pages and the main catalog page. To draw more attention to your filters, you can place the panel on the left side of the page.

To choose where to show the filter panel in your store:

1. From your Ecwid admin, go to Design.
2. Scroll to Filter panel & sorting options behavior.
3. Select your option in the Product filter placement options‍ and Side to show filters‍ blocks:
   

The changes will be autosaved.

Using filters to increase sales

With product filters enabled, you get a flexible tool for improving your customers’ shopping experience and boosting up your sales just out of the box.

Filters in your store use a smart algorithm that:

• indicates how many products fall under it and updates the count each time a new filter is applied,
• automatically hides the unavailable options as your products get sold to avoid searches with zero results,
• allows customers to choose multiple options at once for better product comparison.

With all these features your customers will appreciate your big catalog, because they can easily navigate it and quickly discover products they want.

When necessary, you can address a customer's needs by sending them a link to a page that contains already filtered results, for example, for a link to all Dresses of L size that are available in your store. To get such a link, open the search page in your store, make search for a product, apply necessary filters and copy the link to results from your browser address bar.

Related articles

Product types and attributes
Adding options to products