FAQ sections

Accordions, two-column lists and category-grouped questions.

An FAQ is the highest-leverage section on a marketing page and the one most often written last. It exists to answer the objection the price just created, in the words a customer would use — not "What is your SLA" but "What happens if it goes down". These ship with the accordion, the always-open list and the grouped variant for when the questions outgrow one column.

7 matching7 blocksFree to copy
Open the full page for this block

No-JS FAQ Accordion

Exclusive accordion behaviour from named <details> elements — no state, no hooks, no JavaScript, full keyboard support for free.

FAQ121 lines1 dep
Open the full page for this block

Two-Column FAQ with Help Rail

Questions on the right against a sticky rail that keeps a route to a human in view — for the visitor whose objection is not on the list.

FAQ170 lines1 dep
Open the full page for this block

Open FAQ Grid

Every answer rendered and visible in a two-column description list — the FAQ shape for a marketing page, where collapsed text is text a search engine will not quote.

FAQ109 linesNo deps
Open the full page for this block

FAQ Grouped by Topic

Anchor-linked topic pills over per-topic details groups with the first answer open — for the FAQ that outgrew a single list, working with JavaScript disabled.

FAQ237 lines1 dep
Open the full page for this block

Filterable FAQ with Fallback

A search that narrows the list across answers and keywords, announces the count, and turns an empty result into the contact route it should always have been.

FAQ231 lines1 dep
Open the full page for this block

Objection FAQ

An FAQ written from the objections that stop a sale rather than from the questions that are comfortable to answer.

FAQ147 linesNo deps
Open the full page for this block

Security FAQ

The security questions a buyer's IT reviewer asks, answered with scope and dates rather than with the word "enterprise-grade".

FAQ143 linesNo deps

Questions about faq sections

Do collapsed answers still get indexed?
If they are in the HTML, yes — `<details>` content is crawled whether or not it is open. What does not get indexed is an answer fetched on click, which is the argument against building an FAQ as a lazy-loaded component.
Is FAQ structured data worth adding?
It is cheap and it occasionally earns extra space in a result. Mark up only questions that genuinely appear on the page — fabricated FAQ markup is a manual-action category, not a grey area.
Are these faq sections free to use?
All 7 are free to copy and use in your own projects, including commercial ones. A Pro licence exists for redistribution — shipping them inside a product other people buy — and the full terms are on the licence page.
How do I add one to my project?
Install it with the CLI: `npx hoverlab add faq-accordion` writes the component and its dependencies into your project. Every artifact here also has a copy button for the raw source, and an "Open in sandbox" link if you would rather try it first.