Accordion

Section documentation

What is an accordion?

An accordion section displays stacked, expandable information tabs. Used for FAQs, additional details, etc.

Accordion row

Add relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.

Accordion row

Add relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.

Accordion row

Add relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.

Available blocks

An accordion section only has one available block: the Row block.

Accordion row

An accordion row can be open by default by checking the Show open by default setting in the Row block settings.

Add relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.

Accordion row

This block is far from limited in its customizable options. Add text, images, and video, or some combination of this content.

You can also import Blog post/Page details directly into individual Row blocks.

Learn more about the Row block here ⟶

Accordion section settings

In addition to a number of standard section settings, the accordion contains certain settings built to specifically serve the accordion section functions. These are outlined below.

Add and customize text, image, and or video content or import details from a blog post or page directly into each row block.

Show full width

The Show full width setting will stretch the accordion row the full width of your page. Useful for sections with longer-form content, i.e. multiple paragraphs or images.

Accordion row

Accordion sections are more commonly used for easily consumable quantities of content,

The ability to add image or video along with relevant text to each individual Row block gives this section the potential to efficiently contain a substantial amount of content

Accordion row

Add relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.

Accordion row

Add relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.

Enable sticky header

A checkbox to enable the "stickiness" of the header of the accordion section. If your accordion section has multiple rows, the heading will follow the scroll position of the visitor within the bounds of the section.

Accordion row

Add relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.

Accordion row

Add relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.

Accordion row

Add relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.

Accordion row

Add relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.

Accordion row

Add relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.

Accordion row

Add relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.

Accordion row

Add relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.

Accordion row

Add relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.

Separator

Clearly divide your accordion from surrounding sections by adjusting the Separator settings. Set the color, vertical alignment, and pattern - dashed, dotted, or solid.

This section has a solid style line on top and a dashed style line on the bottom.

Accordion row

Add relevant text content with the richtext editor. Note that you can also include links and basic formatting in this content, e.g. bold and italic.

Standard settings

View documentation outlining these standard settings

FAQs

chevron_left chevron_rightView all FAQs →