Search and filters outside on homepage

Design help General
1

Hello Community,
I’m trying to figure out whether some of the things I want in my project are even possible or not.

  1. I want to know if we can implement a search bar like how you have it on Airbnb and other property websites. Like a search bar for locations along with the no. of guest fields present on the homepage hero section which will then take you to the search listing which is connected through the cms listing.

  2. Can I use the cms listing only on the search page? Or is there any other way around to use the homepage search component to take you to the results page on another regular page with the filters applied?

  3. On the search or listings page, is there any way I can implement multiple filters like name search, no. of guest, no. of bedroom, etc. which work with each other and show property listings with all the filters applied?

Here’s my read-only link for design reference for how I want to implement the functionality in the design.
https://preview.webflow.com/preview/zion-stays?utm_medium=preview_link&utm_source=designer&utm_content=zion-stays&preview=c6bc66fab7f3717223261a7b9a76d3d3&locale=en&workflow=preview

Thanks

2

Hi @Aryan_Tahenguria ,

It sounds like a combination of Webflow’s built-in site search and Finsweet’s CMS Filter could get you pretty close to what you’re looking for.

To get a results page, you can just use Webflow’s Search element. The problem with this is that you can’t combine the search with something like a ‘number of guests’ filter.https://university.webflow.com/lesson/site-search?topics=elements

You can use Finsweet’s CMS Filter for name search, no. of guest, no. of bedroom, etc. It’s great for combining filters, and you can also include text search as one of them. The drawback here is that there isn’t a results page, you just search within the page you’re on. But it would certainly be the solution for your third question.

Screenshot 2024-05-06 at 17.46.20
Screenshot 2024-05-06 at 17.46.201920×1039 123 KB

3

Hi @samuelpowellweb thanks for your reply.
Do you have any idea if the search bar for the cms filter can be integrated in the homepage hero section where if a user searches any term it would redirect to the cms filters listing page with the search term applied?