Skip to content
Collapsible content
Section overview
The Collapsible content section displays a list of collapsible content blocks that can be expanded and collapsed by users. It provides an interactive way to present information in a space-efficient manner.
Common use cases
- Frequently Asked Questions (FAQs)
- Product information and specifications
- Shipping and return policies
- Service descriptions or features lists
Usage tips
- Keep accordion titles concise and descriptive so users understand what content to expect
- Limit the amount of content within each accordion to prevent overwhelming scrolling when expanded
- Consider using icons to visually enhance the accordions and improve user experience
- Mobile responsiveness is automatically handled, but consider setting visibility options for different devices if needed
Section settings
| Setting | Description |
|---|---|
| Heading | Main section heading displayed above the accordions |
| Content | Descriptive text displayed below the heading |
| Button label | Text to display on the optional button |
| Button URL | Link destination for the optional button |
| Spacing top | Controls the top padding of the section (0-300px) |
| Spacing bottom | Controls the bottom padding of the section (0-300px) |
| Color scheme | Sets the background and text color combination |
| Border color | Sets the color for any borders (subtle or strong) |
| Button color | Sets the style and color scheme for the button |
| Border position | Determines where section borders appear (none, top, bottom, or both) |
| Horizontal alignment | Controls the alignment of section content (left, center, or right) |
| Visibility | Controls section visibility across devices (all, mobile only, or desktop only) |
Block settings
Collapsible content
The block creates a collapsible content area with a title button that expands to reveal the content. Each section can have up to 50 accordion blocks.
| Setting | Description |
|---|---|
| Title | Heading text displayed on the accordion button |
| Content | Rich text content revealed when the accordion is expanded |
| Icon | Optional icon displayed alongside the accordion title |