In this article, I'd like to introduce you to Product Filter & Search, a "narrowed-down search" feature app that is a must-have for your Shopify store.
In many cases, the process of searching for a product on a product listing page or collection page is surprisingly stressful for customers.
In the course of my work, I have touched many narrowing-down search apps, but after learning about this Product Filter & Search, I found that I can fulfill most of my requirements with this app alone, and I use it daily (laugh).
We will describe the necessity and functions of EC Penguin's top app, which can eliminate stress for all three parties: developers, store operators, and customers.
Necessity of a Narrowing Function
Is a "filtering" feature necessary in a Shopify store in the first place? Some may think that this is a good idea, but I personally believe it is essential.
The reason is that as the number of products in the store grows, customers may become
"The hurdle to get to the product you want is high."
This is the situation.
For example, suppose a customer is looking for a pink T-shirt. So, he/she first moves to the product list. But what if there are about 500 products in the product list?
If 25 products can be displayed on one page, the customer would have to click "next page" 20 times to see all the products. This is a very stressful situation.
Suppose you are lucky enough to have a collection of T-shirts in your store, and a customer successfully navigates to the "T-shirt product list". But if the total number of products in the T-shirt collection is 100, the customer has to spend a lot of time looking for the pink T-shirt.
It's a lot of hassle for the customer."
Many steps to purchase."
"Increases the likelihood of leaving the store."
This is the situation.
However, with the product refinement feature we are introducing here, you can narrow down your t-shirt search and find "pink t-shirts" just by narrowing down your t-shirt search by pink!
(↑Product filter & Search demo page)
You can get to the relevant product in two clicks. Isn't it very convenient?
Recommended features of Product Filter & Search
https://apps.shopify.com/product-filter-search (Shopify official app store)
Let's take a look at the main features of the Product filter & search application.
Collection/Product List Narrowing Function
First of all, let's look at the collection/product list refinement function.
- Product Type
The filtering function can be set up with the
The narrowing bar can also be set up in a variety of formats, such as color balls, arbitrary images, check boxes, etc., making it extremely versatile and easy to customize.
In addition, the ability to group tags, use colored balls and arbitrary images, and display them in an easy-to-view format is one of the most appreciated features.
Product Listing Narrowing Function Reference Page ↓.
Functions on the search page
The next surprise was the ability to use the refinement feature on the search page as well! This is really a very much appreciated feature.
For example, if you search for "dress," you will get a list of products related to that keyword. From that list, you can then search for more pink dresses. You can easily do this with the Product filter & search.
Reference page for "dress
Instant Search (search box)
In addition, an instant search box can be used to generate search suggestions by typing letters in the search section of the header.
For example, if you start typing "d" in the search box, you will get search suggestions such as "dress" or "red dress," as well as suggested products.
You can try it out by clicking on the search icon on the right side of the header of the following site
The Narrowed-Down Search Function is Different & Stress-Free
Now that we have introduced the main features of Product filter & search, here is what makes it different from other apps and Shopify's default features.
(1) No page transitions are required for the filtering function.
The first and most significant advantage is the speed of page display. As you can see from the reference page mentioned earlier, there is no transition of the page itself when narrowing down the search results.
The page is designed like an SPA (Single Page Application), so the entire page is not changed when the search is done, and only the product listings are updated. When a customer performs a narrowed-down search, the results are reflected immediately, allowing the customer to search for products stress-free.
It is well known in the EC community that slow page loading causes many customers to leave the site, so it may be possible to prevent them from leaving.
(2) Infinite loading can be used.
Generally, as shown above, an arrow is provided to indicate the status of how many pages the visitor is on, called pagination.
However, with Product filter & search, it is possible to eliminate this pagination and set up infinite loading, where products are displayed automatically.
As you scroll down, the products will automatically load, allowing you to browse products in a very stress-free manner.
(3) Color balls and any images can be set in the refinement bar.
In addition, a feature that I personally liked was the ability to add color balls and arbitrary image refinements.
The ability to set a variety of colors with color balls is a visually pleasing and easy-to-understand feature for users. What's more, the ability to set any image as a filter, as implemented in SHAPE, for example, was also very appealing.
For example, if you have a store that deals with characters, it would be interesting to specify each character here to enable narrowing down the search!
A must have in my [Shopify] store! Recommended "Refined Search Function" Apps Summary
These are the most recommended product filer & search apps for narrowing down your search!
The price starts at $19 plan, but I can confidently say that the app is worth the price, and there is a 2 week free trial if you are interested!
However, there were times when we found it a bit difficult to set up, so if you have any difficulties, EC Penguin can provide support for setting up the app (for a fee), so please contact us via the contact form.