FAQ

Usage

The FAQ block is a container for FAQ Card children — one per question. Use it to display frequently asked questions with answers that expand or stay visible depending on layout.

Answers work best as text (paragraphs and lists), but each card supports many nested blocks — headings, images, buttons, columns, forms, and more. Use richer blocks sparingly so accordion behavior and SEO stay clean.

Schema markup

FAQ output includes Schema.org Question and Answer structured data on each card. Content you add here can be eligible for rich results in search engines.

Parent and child blocks

Select the FAQ parent to change style, layout, and question typography for all cards. Select an FAQ Card child to edit that question's header, answer content, and optional header background image.

Use Add FAQ below the last card to insert more questions. Select the parent via the block toolbar breadcrumb, parent button, or List View when a child is active.

Style (parent)

Choose a visual preset for the whole FAQ (parent must be selected):

• Outlined — bordered cards with spacing (default)
• Cards — filled card backgrounds
• Compact — dense rows with subtle dividers
• Separator — flush list with separators between items
• Naked — minimal chrome, no card background

All questions appear expanded in the editor for easier editing; front-end behavior follows the Layout setting.

Layout (parent)

• Accordion (default) — answers hidden until the visitor clicks the question; click again to collapse
• Static — all answers visible on the page without interaction

Header Tag and Header Style (parent)

• Header Tag — semantic HTML tag for questions (h1–h6 or p) for SEO structure
• Header Style — visual typography preset from your Customizer (can differ from the tag — e.g. h4 tag styled as h2)

FAQ Card settings (child)

Edit the question inline in the card header. Add answer content in the area below — paragraphs by default, or insert other allowed blocks.

Optional child sidebar settings:

• Background — header image behind the question (with reverse print for legibility)
• Image Focal Point — adjust crop when a background image is set

Block width

FAQ supports Wide and Full alignment from the block toolbar.

Tips

• Prefer Accordion for long FAQ lists; use Static when every answer should be scannable without clicks.
• Keep Header Tag hierarchy consistent with the rest of the page (often h3 or h4).
• Use header background images for visual FAQs; skip them when clarity and speed matter most.
• Stick to paragraphs and lists in answers when possible — nested layout blocks can make accordion UX harder to follow.