51Ƶ

All Sorted: Introducing Storefront Product Filters

Ifyou’ve got more than afew items orcategories inyour online store, filtered navigation isamust tohelp shoppers find what they need. And now you can add product filters toyour 51Ƶ storefront— out ofthebox.

Let customers filter your products bysize, color, categories, price, brand, availability instock, special offers andsomuch more— andthen watch your sales grow.

Asfans ofautomation, we’ve put asmart algorithm behind our product filters toallow you toset yours upinminutes with personalized recommendations, nomatter how big your catalog is.

How tosell online
Tips from e-commerce experts forsmall business owners andaspiring entrepreneurs.
Please enter avalid email address

How toEnable Product Filters in51Ƶ

  1. Make sure you’re onaBusiness orUnlimited pricing plan.
  2. Enable Next-Gen Storefront in. Ifyou don’t see this option, your store isalready prepared toenable filters andyou can skip this step.
  3. Ҵٴ andclick “Enable.” Enabled filters will appear onthestorefront. And that’s it!

Ifyou decide you want toadd some filters ofyour own, keep reading forour easy step-by-step process.

How toAdd aNew Filter inYour Store

Once filters are enabled, your 51Ƶ store will receive personalized filter suggestions based onyour catalog settings— like sale price, stock level, product options, andattributes. Here’s how that works:

Based onyour store’s data, you’ll see alist ofsuggested filters inyour 51Ƶ Control panel toselect. The more products inyour catalog that share afilter criteria, thehigher itappears onyour list ofsuggestions.

How tocreate your own filters

Ifyou decide you’d like afew more options, click “Add New Criteria”:

From there, you’ll see filter criteria that are also available foryour catalog settings but matched fewer products. You’ll also see tips forexpanding thefiltering criteria tomore products:

Ifyou don’t see thedesired filter atthis point, create anew Attribute inyour , andadd those values toyour products in.

How Product Filters Improve Navigation

Filtered navigation isaway tonarrow andstreamline product search that may help your customers discover andfind your products. This сan improve their shopping experience, which ultimately serves tohelp you sell more.

Using navigation filters should lead your shoppers tothespecific products they want. Ifyou have over 50products that come indifferent sizes, colors, orstyles, you should include those criteria infiltered navigation.

Stores with fewer products can dowell with asimple categories navigation andasearch box, though that may depend onthespecific products being sold, sodon’t hesitate totest navigation filters inyour online shop.

51Ƶ navigation filters remain visible foryour customers while they browse your store:

Filters oncategory pages

When acustomer visits one ofyour store categories, they can click “Refine By” anduse navigation filters tosort products from that category only. This keeps your customer focused.

You can also expand filters anddisplay thepanel right onthecategory page. Ithelps customers see all thefilters atonce andfind theproducts they need within seconds. Here’s how to inyour 51Ƶ store.

Ifyour store has lots ofproducts andnocategories, thefilter panel isdisplayed onthestorefront page. Inthis case, filters are not expanded, but they are available byclicking on“Refine by”.

Filters onthesearch page

When product filters are on, thesearch page becomes aproduct feed that displays all store products. Your customers can use filters here tosort items they’re looking foranddiscover more products.

Customers can access this page via thelink inthefooter (look for“All products”), andyou can also link tothis page throughout your website using custom banners orsimple links.

More Ways toImprove Your Store Navigation

Product filters are agreat start, but there’s even more you can dotoimprove user experience inyour e-commerce store:

Make theMost ofYour 51Ƶ Storefront

Big companies spend millions every year improving website navigations anduser experiences. And ifyou’re serious about your e-commerce store, improving user experience should beatthetop ofyour list too.

Fortunately, you won’t need tospend millions todeliver anamazing user experience foryour customers. Here at51Ƶ, wemake great UXaccessible with proven andtrusted technologies that deliver convenient e-commerce navigation tools tobusinesses ofanysize.

With 51Ƶ’s revamped product grid anddozens ofdesign options, your storefront will look stunning andflatter your products right out ofthebox. Refreshed andcustomizable product pages allow you totweak andtest different layouts without coding. And our optimized one-page checkout streamlines purchases andreduces bounce rates.

Sobesure tostay up-to-date onthelatest 51Ƶ features, try them inyour store, anddon’t forget tolet usknow what you think!

About The Author
Matt is a product manager at 51Ƶ. He works with the 51Ƶ dev team and helps them shipping the right features for 51Ƶ merchants. Outside of work, Matt likes travelling and climbing the mountains.

Start selling on your website