Search Filter
An FAQ section with a search field that filters questions as you type. Helps visitors jump straight to the answer they want across a long question list.
An FAQ section with a search field that filters questions as you type. Helps visitors jump straight to the answer they want across a long question list.
Search blocks by description or jump to a page.
Search Filter is a centered FAQ section built around a live search field. A heading and subtitle sit above a full-width text input with a magnifying glass icon. As a visitor types, the accordion below narrows instantly to matching questions, answers, or topic tags, and a result count appears beneath the field. Each expanded accordion item shows the answer followed by a row of clickable tag badges. Clicking a badge fires the same filter, so visitors can jump to related questions without clearing the field. When no results match, a plain empty state message replaces the list.
Every piece of copy is independent: the heading, subtitle, placeholder text, and each question and answer can be rewritten freely. You can add or remove FAQ items, and each item carries its own tags so the filter coverage grows with the list. The empty state message is also a single string you can adjust to match your support tone.
Reach for this block when your FAQ list is long enough that a visitor is unlikely to scroll through it all. A project management workspace, for example, often ships with distinct question clusters around billing, permissions, integrations, and workflows, and a search field lets a team member land on the right answer without knowing which category it lives in. It outperforms a tabbed or sidebar layout when the question set spans many overlapping topics and the visitor may not know the right category in advance.
A natural flow around it on a Marketing (Legacy) page:
Before
After
The most direct use is your full support knowledge base, where the search field keeps a long list approachable. A few other ways to use the frame:
Tip: keep tags short and consistent across items so clicking a badge always returns a useful cluster rather than a single result.