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

Last updated

Was this helpful?