The Accordion template makes long or detailed content easier to follow. Learners open and close each item as needed, so they stay focused without feeling overwhelmed.
Setting it up
Everything in this template is edited directly in the preview in Studio.
In the preview
The template has an introduction at the top, followed by one or more items.
Items
Each item is a box learners can unfold. When closed, only the label and title are visible.
Label
The default label is "SUPERTITLE".
This shows what type of item this is. For example, an example.
Title
The title learners click to open or close the item.
The default label is "Title".
Description
The main content shown when the item is open.
Images
Each item has two image slots, one above and one below the description.
Click the pencil icon on an image to choose one of these options:
Upload image: upload an image from your computer
Generate with AI: create an image with AI
Select from library: use an image you uploaded before
Edit alt text: describe the image for learners who use a screen reader
Remove image: remove the image from the item
Add, move and delete items
Add an item: hover over a dashed line and click the + button
Move an item: select the item and use the arrow up or arrow down button on its left
Delete an item: select the item and click the red trash button on its left
Why use the accordion?
Breaks up long content into focused sections
Helps learners stay engaged without feeling overwhelmed
Makes pages easier to scan and interact with
✏️ Tip
The accordion works well for grouped content like FAQs, step-by-step processes, or key concepts.
For image file types and sizes, see Media and asset guidelines.