The Details block is a block that allows you to include content hidden under a parent block with a text summary. This works like an accordion, with the text summary expanding to show nested content.
Click here for an example of the Details block.
This is hidden content.
In this guide
To add the Details block, click on the + Block Inserter icon and search for Details block. Click to add the block to the post or page:
💡
Using your keyboard, you can also type /details on a new line and press enter to quickly add a new Details block.
For more information, visit our detailed instructions on adding blocks.
When you first add the Details block into your post or page, it will look like this:
Start by adding a summary to your details block. This is the text that your visitors will click on to expand the Details block and reveal the hidden content. To add a summary, click on the details block where you see Write summary and begin typing.
Next, set up your hidden content by adding blocks where you see Type / to add a hidden block. The Details block supports hiding all block types, including headers, lists, and images.
One great use of this block is to set up an FAQ section to answer users’ frequently asked questions. Here is an example:
Can I add an image?
Yes, you can!
Can I add a list?
- You
- Absolutely
- Can!
Will it teach me how to swim?
Nope! The Details block cannot teach you how to swim.
When you click on the block, a toolbar of options will appear above it:
The Details block has the following options in its toolbar:
- Change block type.
- Drag the block.
- Move the block up or down.
- Align to wide or full-width.
- More options.
When you select a block, you will find additional block settings in the right sidebar. If you do not see the sidebar, you may need to click the Settings icon in the top-right corner to bring up the settings. This icon looks like a square with two uneven columns:
To display your hidden content by default on the page, you can use the Open by default option. To enable this feature set the toggle next to Open by default to On.
You can find additional information on the block’s Advanced settings here.
Click on the cog/gear icon to access additional settings for the Details Block.
