Storefront Product Filters: Quick Product Search in Your Ecwid Store
Posted Feb 7, 2019 by Matt Kuritsyn, Ecwid Team

All Sorted: Introducing Storefront Product Filters

If you’ve got more than a few items or categories in your online store, filtered navigation is a must to help shoppers find what they need. And now you can add product filters to your Ecwid storefront — out of the box.

Let customers filter your products by size, color, categories, price, brand, availability in stock, special offers and so much more — and then watch your sales grow.

Navigation filters in Ecwid

As fans of automation, we’ve put a smart algorithm behind our product filters to allow you to set yours up in minutes with personalized recommendations, no matter how big your catalog is.

How to Enable Product Filters in Ecwid

  1. Make sure you’re on a Business or Unlimited pricing plan.
  2. Enable Next-Gen Storefront in Control panel → Settings → What’s New. If you don’t see this option, your store is already prepared to enable filters and you can skip this step.
  3. Go to Control panel → Settings → Product Filters and click “Enable.” Enabled filters will appear on the storefront. And that’s it!

Navigation filters in Ecwid

If you decide you want to add some filters of your own, keep reading for our easy step-by-step process.

How to Add a New Filter in Your Store

Once filters are enabled, your Ecwid store will receive personalized filter suggestions based on your catalog settings — like sale price, stock level, product options, and attributes. Here’s how that works:

  • If you have a sale price or stock level set up, you’ll be able to enable filtering “On sale” products and those available in stock.
  • If you’ve set up common Product Options (for example, size and color) for some of your products, you’ll see a filter by specific product options.
  • Product Types are groups of products that share the same attributes. In an online bookstore, there might be books with paper covers and books with hard covers. The Attribute “Cover” can become a filter criteria.
  • Search by Phrase ensures quick product search if a customer already knows exactly what they’re looking for.

Ecwid storefront product filters

Based on your store’s data, you’ll see a list of suggested filters in your Ecwid Control panel to select. The more products in your catalog that share a filter criteria, the higher it appears on your list of suggestions.

How to create your own filters

If you decide you’d like a few more options, click “Add New Criteria”:

Adding product filters in Ecwid

From there, you’ll see filter criteria that are also available for your catalog settings but matched fewer products. You’ll also see tips for expanding the filtering criteria to more products:

Adding product filters in Ecwid

If you don’t see the desired filter at this point, create a new Attribute in your Ecwid Control Panel → Settings → Product Types, and add those values to your products in Catalog → Product → Attributes.

How Product Filters Improve Navigation

Filtered navigation is a way to narrow and streamline product search that may help your customers discover and find your products. This сan improve their shopping experience, which ultimately serves to help you sell more.

Using navigation filters should lead your shoppers to the specific products they want. If you have over 50 products that come in different sizes, colors, or styles, you should include those criteria in filtered navigation.

Stores with fewer products can do well with a simple categories navigation and a search box, though that may depend on the specific products being sold, so don’t hesitate to test navigation filters in your online shop.

Ecwid navigation filters remain visible for your customers while they browse your store:

Filters on category pages

When a customer visits one of your store categories, they can click “Refine By” and use navigation filters to sort products from that category only. This keeps your customer focused.

Product filters on category pages

Filters on the search page

When product filters are on, the search page becomes a product feed that displays all store products. Your customers can use filters here to sort items they’re looking for and discover more products.

Product filters on the search page

Customers can access this page via the link in the footer (look for “All products”), and you can also link to this page throughout your website using custom banners or simple links.

More Ways to Improve Your Store Navigation

Product filters are a great start, but there’s even more you can do to improve user experience in your e-commerce store:

Make the Most of Your Ecwid Storefront

Big companies spend millions every year improving website navigations and user experiences. And if you’re serious about your e-commerce store, improving user experience should be at the top of your list too.

Fortunately, you won’t need to spend millions to deliver an amazing user experience for your customers. Here at Ecwid, we make great UX accessible with proven and trusted technologies that deliver convenient e-commerce navigation tools to businesses of any size.

With Ecwid’s revamped product grid and dozens of design options, your storefront will look stunning and flatter your products right out of the box. Refreshed and customizable product pages allow you to tweak and test different layouts without coding. And our optimized one-page checkout streamlines purchases and reduces bounce rates.

So be sure to stay up-to-date on the latest Ecwid features, try them in your store, and don’t forget to let us know what you think!

About the author
Matt is a product manager at Ecwid. He works with the Ecwid dev team and helps them shipping the right features for Ecwid merchants. Outside of work, Matt likes travelling and climbing the mountains.
We use cookies and similar technologies to remember your preferences, measure effectiveness of our campaigns, and analyze depersonalized data to improve performance of our site. By choosing «Accept», you consent to the use of cookies.