Search and filters are a great way of improving UX on a website; especially when working with large amounts of data. You'll see search and filters on sites like Amazon, eBay and even your Google search results! Allowing users to refine data often increases average session duration (which is good) because users are in control of the results they want to find. Adding search and filter functions to websites built on Wix or EditorX is quick and simple, and can take less than an hour to implement. We split the process into 4 sections. Here's how we do it:
Automatically populate a dropdown
In most cases, the options we want to have available within a dropdown (or most other input elements) are values stored within the database we are searching. Rather than having to manually change these options every time we add or remove data from a database, we can "dynamically" create these options.
This document contains the code we commonly use to complete this.
Filtering
The filtering can be split into 3 different functions - "filter", "resetFilter" and "count"
Filter
The filter function is the function that happens when we want the repeater to be filtered. For example when a dropdown value is changed, or on a button press.
Reset Filter
When we filter database results, we are getting a portion of those results, and site users may need a way of resetting the filter they originally made. We often reset the filter with a button press.
Count
Showing the "count" is a great way of letting users know that their filter has returned new results. (It's also a great indicator as a developer to know if your code is working)
This document contains the code we commonly use for "filter", "resetFilter" and "count"
For help with adding this code to your site, please contact us.
