Close Menu
  1. FAQ

FAQ

Dirigible FAQ block on the front end of a website.

FAQ on the frontend.

Present FAQ that are user-friendly and highly crawlable.

Usage

The FAQ block is a container that holds FAQ children cards, and is used to display frequently asked questions. Although the answer section of each question works best when its text-based, there is support for many other different blocks within answers. With great power comes great responsibility, however, and we’d caution against abusing it!

FAQ block schema example.

Schema

Our FAQ block comes with schema markup baked in, which means that anything you write here will be eligible for rich text search engine results.

Although each question is in its expanded state in the editor to provide an easier editing experience, on the frontend the answers will be hidden until a user clicks on it. Upon click, the answer will be expanded. Multiple questions can be expanded at once.

Style

The FAQ parent block provides different style presets for your block, including the defaultcards, compact, separator, and naked options. In order to select a style, make sure you are focused on the parent block rather than the child cards.

Gutenberg FAQ block with the outlined style selected.

Outlined

Gutenberg FAQ block with the cards style selected.

Cards

Gutenberg FAQ block with the compact style selected.

Compact

Gutenberg FAQ block with the separator style selected.

Separator

Gutenberg FAQ block with the naked style selected.

Naked

Inserted a new FAQ card in the Gutenberg editor.

Inserting FAQ Cards

While the FAQ block is focused, the block inserter + icon will appear at the bottom of the last card. This allows you to add more cards into this block.

FAQ