With Search Bar
An FAQ head with a search pill, topic chips, and a most asked accordion beneath.
An FAQ head with a search pill, topic chips, and a most asked accordion beneath.
The Marketing Collection unlocks the source for every Marketing block. All Access unlocks every Collection.
Already purchased? Log in
With Search Bar treats the FAQ as a destination. A centered question of a heading sits above a large search pill claiming the catalog size, 140 answered questions, with a keyboard hint, then a row of topic chips for browsers, and a short most asked this month accordion for everyone else. Three doors, search, browse, and skim, in one section.
The topics and faqs are plain arrays, and the pill is a button ready to open your search dialog. The catalog count in the placeholder is doing real work, it promises depth the three visible questions only sample. The most asked label keeps the accordion feeling curated rather than arbitrary.
Reach for this block as the head of a real help or FAQ page with enough content to deserve search. On marketing pages it oversells unless the catalog exists, use compact-two-column-qa there instead. It pairs naturally with the navbar minimal-nav-with-search on support properties.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is a help center home with live search. Other heads:
Tip: keep the most asked list honest and monthly, a rotating top three teaches visitors the page is alive.