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
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.
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
Last updated
Was this helpful?