Is it possible to have visitors add filters to the FAQ page on my Webflow website using an input field or something similar, while still allowing for a general site search in the future?

TL;DR
  • Use Webflow CMS to structure FAQs with filterable fields like categories or tags.  
  • Add on-page filtering using Jetboost or custom JavaScript, and maintain independent site-wide search via Webflow’s Search component.

Yes, you can add filters to your FAQ page in Webflow using input fields, dropdowns, or similar elements, and still maintain a general site search separately. These two features can function independently.

1. Use Webflow CMS for FAQs

  • Structure your FAQ page using the Webflow CMS, with each FAQ as a Collection Item.
  • Add fields such as “Category” or “Tags” for filtering purposes.

2. Enable Front-End Filtering

  • Webflow doesn’t support advanced on-page filtering natively.
  • To implement filters like dropdowns or search input fields on the FAQ page:
  • Use a plugin like Jetboost.io (no-code, easy to integrate with Webflow CMS).
  • Or, use custom JavaScript with libraries like MixItUp or Isotope if you have dev resources.
  • Filters can be based on category, tags, or keywords and apply to visible CMS items.

3. Preserve Site-Wide Search Functionality

  • Webflow’s native Site Search (via the Search component) indexes content from CMS collections and static pages.
  • This search feature supports global search across your site, including FAQ items.
  • You can have a search bar (e.g., in the nav bar) that uses this feature without interfering with local filtering on the FAQ page.

4. Combine Both Features Smoothly

  • Use filtering on the FAQ page only, scoped to visible FAQ CMS items.
  • Use site-wide search in a persistent header or site-wide layout for general queries.
  • Make sure FAQ Collection Items are indexed for search (enable this in Collection Settings > Search).

Summary

Yes, you can filter FAQ items on your Webflow page using input fields or dropdowns (via tools like Jetboost or custom JavaScript) while keeping the general site-wide Search component active without conflict.

Rate this answer

Other Webflow Questions