Skip to content
Collapsible content
Section overview
The Collapsible content section displays collapsible content panels that can be expanded and collapsed by users, useful for organizing information in a space-efficient manner.
Common Use Cases
- FAQ (Frequently Asked Questions) sections
- Product specifications and details
- Shipping and return policy information
- Step-by-step instructions or processes
Usage Tips
- Keep accordion headings clear and concise to help users find information quickly
- Consider opening the first accordion by default to indicate interactivity
- Avoid nesting too much content within each accordion to prevent overwhelming users
- On mobile, accordions automatically stack vertically for better responsiveness
Section Settings
| Setting | Description |
|---|---|
| Heading | The main title for the section |
| Content | Additional text content to display at the top of the section |
| Button label | Text to display on the optional button |
| Button url | URL for the optional button |
| Top spacing | Controls the padding above the section (0-300px) |
| Bottom spacing | Controls the padding below the section (0-300px) |
| Color scheme | Background color theme for the section |
| Custom color | Custom background color (when "Custom" is selected as color scheme) |
| Text color | Overrides the default text color based on background |
| Border color | Color for section borders |
| Button color | Style and color for the section's button |
| Enable color fade | Enables background color transition effect on scroll |
| Title font | Font family for the section title |
| Border position | Controls where borders appear around the section |
| X alignment | Horizontal alignment of section content |
| Enable margin | Adds horizontal margin to the section |
| Enable split | Splits content into two columns |
| Enable split heading | Places heading in its own column when split layout is enabled |
| Visibility | Controls device visibility (all, mobile only, desktop only) |
Block Settings
Content
This block type allows you to add accordion panels with headings and content. Each panel can be collapsed or expanded by users.
Block limit: 50
| Setting | Description |
|---|---|
| Heading | The title text for the accordion panel |
| Content | The content that appears when the accordion is expanded |
| Icon | Optional icon to display beside the heading |
| Color scheme | Controls the appearance and style of the accordion button |
| Use open accordion | When enabled, the accordion panel will be open by default |