How to create a Search box for FAQ

Design help CMS
1

Hello Webflow developers,

I am trying to create a FAQ system like this example: Patient FAQs - PocketHealth

… where there is a Search bar at the top and link blocks below that lead to other pages.
The search function appears to search only these pages and the relevant FAQ accordion.

Is this search function possible to build?

I have Jetboost, however, I believe it only searches on-page CMS items?

Any ideas?

Thanks,
Alan

2

Hi @ripebananas ,

Have you checked out CMS Filter for Webflow - No-code using Attributes?
Maybe this is offers more functionality than JetBoost for your use case.

Hope this helps!

3

Before we start you should make the accompanying documents: HTML record, CSS record, and the last JavaScript document. The portion underneath portrays the means to be taken for building this FAQ page. HTML Code: in this segment, the components of the FAQ page are made and stacked. Then, we make and connection the style.

4

Hey @ripebananas,
Have you figured it out? I need to develop the same thing in weblfow?

Cheers,
Stefan

5

@Motosapien the details of exactly what you want to search and how you want the UX to work matter a lot here, but the common tools to use are;

  • Webflow’s native site search ( included in your site plan )
  • Finsweet List Filter and List Load ( free )
  • Jetboost, good for larger CMS searches ( paid )

You can build a lot with those.

If you want more advanced searching you usually need to integrate an external search service that you can configure.