Two ways to easily add search and filters to your Webflow site - Workflow series
HTML-код
- Опубликовано: 5 авг 2024
- Join Host Aron Korenblit for this workflow series where you'll learn the different ways of adding search and filter functionality to your website.
You'll learn how to add full site search using native Webflow functionality and how to add dynamic filters to any page using Jetboost from Webflow's app marketplace.
Get the cloneable and sign up to the stream: wfl.io/livestream-add-search
Chapters:
0:00 Starting soon
2:29 Updates to the workflow series
5:00 Why use site search and filters
8:00 Adding site search to your Webflow site
9:45 Add a search element
10:30 Search results page settings & indexing
16:00 Styling the search input
17:20 Styling the search results page
25:25 Excluding pages from your results
28:10 Can the highlighted text be styled?
30:26 What are dynamic filters & Jetboost?
33:54 Adding Jetboost dynamic filters to a page
40:57 Styling the active filter
42:35 Using the dynamic filter in production
43:17 Stream summary
45:58 Credits Наука
Get the cloneable and sign up to the stream: wfl.io/livestream-add-search
Hi! Thanks for this tutorial!
Its a shame for webflow that they don't have inbuild feature like that and they are marketing other pircey apps to use in their platforms.
agreed, and you would think they would have a more robust e-commerce solution for big stores if they are going to charge so much per month. Basically $100 a month for a big store and they don't even have filters? Kinda BS and greedy
awesome! i like your attitude!
I was looking for this video for very long time, now I found it. It was very helpful.
So glad you enjoyed it!
Evan from Qatar. This was so awesome and so informative
Appreciate that Evan, glad you're enjoying the stream!
Hello, is it possible for search results to show which categories the results are coming from, like the results will be grouped based on the category with a heading showing it.
Thank you
I'm having issues with the Search result styling, I cant seem to get it to correlate with my 'articles'. For example I can't get the image to take images from my articles, like you have here?
if the 'pages'= the items in this instance, how do you get it to go into your CMS collections? because they aren't itemised pages?
How do I stop the site-wide search feature from populating every page that has a certain word? For instance, if someone searches "Events", I'd like only certain pages to pop up. Not every page that has 'events' which may not be relevant. Thank you for your time.
Please tell me how you set up the "all articles" tab. Have you created a separate category for this?
Go to Step 7 in Booster Setup. You will find one of the options "Reset or Select Non button". Choose that and you can copy and paste the Jetboost class to the "All articles" tab div.
Thanks for the video! What's the name of that cool keyboard you have :o
Hey Creative! Aron here, it's a model100 from Keyboardio!
Do you have any ideas why this wouldn't have worked
Hi I am from India
Hiii!
We need pagination in the search result page!
Thanks for the feedback Domenico! I believe you can accomplish pagination with Jetboost!
@@Webflow we dont want to use third partie apps once webflow is already pricey
so I did all of those steps, and my website still isn't filtering
Hi! If you're using Jetboost, I'd recommend reaching out to their support, they'll get you sorted!
Jetboost is extremely expensive. Webflow should be able to support this natively. Disappointed.
No way JetBoost is my only option?
nothing about customizing the search bar design? so complicated
these should be built-in feature, not add-ons you have to pay extra for. Webflow isn't cheap.
Super disappointed that this wasn't how to use filters 'natively' in Webflow but using Jetboost...
the search only works with a cms???
Hey Entertainment! Site wide search works on CMS pages and static pages while Jetboost works with CMS collections!
@@Webflow thank you, btw I love webflow university ))