Using the Accordion block for FAQs

FAQs are an important part of our websites, and now it is much easier to add and edit them. We use the "Advanced Accordion" block type, which can be added anywhere on any page or post.

To add an accordion, click the add block "[+]" icon, and type the first few letters of the word accordion:

The default accordion comes in with two placeholders, with header text for the question while the answer section is hidden for each:

Note: The add block icon at lower left will allow you to add more questions and answers.

To begin, triple-click on the words Header text and type or paste your text (Note: I highly recommend pasting from Notepad or a similar simple text editor for the question, as this particular element is prone to bringing in the formatting as text, which can be confusing).

After adding the text for the question, hit the tab key or click in the area where it now says "Start writing or type / to choose a block". You can add any block type here, including images, buttons, etc.

Below is an example created using the Accordion block:

Question

Answer text: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Question 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Sharing and printing options: