Pattern Paste
Subscribe

16 layout options13 Styled looksNo plugin needed

WordPress FAQ patterns

Add a WordPress FAQ section with copy-and-paste block patterns: an open question list, a multi-column layout or native disclosure rows.

29 layout options shown

Showing 1–29 of 29

Live preview at its actual size. Scroll to explore the whole section.

Explore pattern

Emergency triage list rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

Emergency triage list

An emergency page section for a trade: a header with a legend of three verdict tags, then seven ruled rows sorted by urgency, each the problem as a card title, what to do now, and a verdict tag at the right: ring now, book it, or ring the gas line first.

FAQPreview pattern
FAQ bento rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ bento

An asymmetric bento layout pairing a large featured lead card on the left with four compact question tiles on the right.

FAQPreview pattern
FAQ cards rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ cards

An FAQ as a wall of bordered cards: a tracked label and a one-line lede share the header row, then six questions sit in a two-column grid, each card a 1px currentColor box with the question set large and tight at the top and the answer packed beneath it at a short measure.

FAQPreview pattern
FAQ cover questions rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ cover questions

A screen-height FAQ on a photograph: a heavy veil of your theme's contrast colour, a display headline in the lower left and five numbered questions in a ruled column at the lower right, each one opening in place to its answer.

FAQPreview pattern
FAQ dialogue rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ dialogue

An editorial interview-style FAQ.

FAQPreview pattern
FAQ index rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ index

An editorial inquiry index structured as full-width ruled rows.

FAQPreview pattern
Answers beside an invitation rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

Answers beside an invitation

A membership FAQ that ends in an invitation: a tracked label, a two-line display title and a short lead run down the left, then five always-open rows, each with the question on the left and its answer opposite, sit in a wide column beside a rounded panel inverted to your contrast that asks the reader to come and visit, with a heading, a line of copy, a button and a small promise.

FAQPreview pattern
Lead question, rest on a rail rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

Lead question, rest on a rail

One question answered in full with the other eight on a rail beside it: a tracked eyebrow, a question set at up to 56px and an answer that is always open hold a 55% column, and eight small disclosure rows run down a single ruled 45% column on the right, starting on a rule so the rail reads as a table from its first line.

FAQPreview pattern
FAQ ledger rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ ledger

A display headline over three topic rows.

FAQPreview pattern
FAQ list rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ list

A two-column FAQ in which the invitation is the loud half: a display headline, one line of orientation and the action fill the header column, while six native disclosure rows run beside it as a compact ruled list at reading size.

FAQPreview pattern
FAQ measure rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ measure

A single column of seven native disclosure rows running the full 1240 measure, ruled between and above and below.

FAQPreview pattern
Open book rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

Open book

A reading-room FAQ with every answer already open: a small tracked label, a centred display title and a short introduction stand over a two-column grid of four questions, each hung from a hairline with a topic label, the question at heading size, the answer at reading size and a quiet ruled aside beneath it.

FAQPreview pattern
Open index rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

Open index

A FAQ with nothing to click: six numbered entries run down the band as a two-column ledger, the index number and the question on the left, the answer opposite at reading size on a bounded measure, and a wide hairline closing every row.

FAQPreview pattern
FAQ pillars rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ pillars

A three-column architectural layout organizing questions by topic into vertical pillars.

FAQPreview pattern
FAQ plate rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ plate

An FAQ designed as an isolated focal plate.

FAQPreview pattern
FAQ spotlight rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFAQNo plugin needed

FAQ spotlight

A FAQ with one question promoted to display size: a tracked eyebrow, the question everyone asks set at up to 64px across the full measure, and its answer always visible beneath at a bounded measure.

FAQPreview pattern

Choose a layout for your page

Keep short answers visible in a list. Choose disclosure rows when answers are longer, and group related questions so visitors can find the one that matters to them.

New to patterns? Learn how to copy and paste a pattern. Read how we test patterns.

All Core Patterns