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.