FAQ

An FAQ accordion that's easy for visitors to use and easy for search engines to read.

Usage

The FAQ block holds FAQ Card blocks, one per question. Use it for a frequently asked questions section, either as an accordion that opens on click or as a list with every answer showing.

Answers work best as text (paragraphs and lists), but each card can also hold headings, images, buttons, columns, forms, and more. Use those sparingly so answers stay easy to open and scan.

Search results

Each question and answer is labeled for search engines as FAQ content, so your answers can be eligible to appear directly in search results.

Parent and child blocks

Select the FAQ parent to change style, layout, and question text style for all cards. Select an FAQ Card to edit that question, its answer, and an optional background image behind the question.

Use Add FAQ below the last card to add more questions. When a card is selected, use the block toolbar breadcrumb, parent button, or List View to get back to the parent.

Style (parent)

Choose a look for the whole FAQ (select the parent first):

  • Outlined β€” bordered cards with spacing (default)
  • Cards β€” filled card backgrounds
  • Compact β€” tight rows with subtle dividers
  • Separator β€” a flush list with lines between items
  • Naked β€” no card background or borders

All questions appear open in the editor so they're easy to edit; the live site follows the Layout setting.

Layout (parent)

  • Accordion (default) β€” answers stay hidden until a visitor clicks the question; clicking again closes it
  • Static β€” every answer shows on the page

Header Tag and Header Style (parent)

  • Header Tag β€” the heading level each question uses in the page outline (H1–H6, or plain paragraph)
  • Header Style β€” how the question looks, using your Customizer text styles. It can differ from the tag, so a question can be an H4 in the outline but look like an H2.

FAQ Card settings (child)

Type the question in the card header. Add the answer in the area below: paragraphs by default, or insert other allowed blocks.

Optional card sidebar settings:

  • Background β€” an image behind the question; the question text switches to light automatically
  • Image Focal Point β€” choose which part of the image stays in view

Block width

FAQ supports Wide and Full alignment from the block toolbar.

Tips

  • Use Accordion for long FAQ lists and Static when every answer should be readable without clicking.
  • Match Header Tag to the headings around it on the page (often H3 or H4).

Screenshots

Front-end

  • Same accordion layout with several answers expanded at once.
  • Cards style with Static layout β€” each question and answer shown in its own card.

Editor

  • FAQ parent settings β€” Style, Layout, Header Tag, and Header Style.
  • FAQ Card child selected β€” optional background image for an individual question.

Settings

Settings

Style setting in the block editor sidebar
Style

The look for every card in this FAQ. Select the parent FAQ block to change it.

  • Outlineddefault
  • Cards
  • Compact
  • Separator
  • Naked
Layout setting in the block editor sidebar
Layout

Accordion hides answers until a visitor clicks the question. Static shows every answer. Answers always appear open in the editor.

  • Static
  • Accordiandefault
Header Tag setting in the block editor sidebar
Header Tag

The heading level each question uses in the page outline. Match it to the headings around the FAQ.

  • h1
  • h2
  • h3
  • h4default
  • h5
  • h6
  • p
Header Style setting in the block editor sidebar
Header Style

How each question looks. It's separate from Header Tag, so a question can stay an H4 in the page outline but look like an H2.

  • <h1>
  • <h2>
  • <h3>
  • <h4>default
  • <h5>
  • <h6>
  • <p>
  • <strong>