Collapsible content
Learn to use the Collapsible content to add engaging FAQs and questions - answers.
Last updated
Learn to use the Collapsible content to add engaging FAQs and questions - answers.
Last updated
The Collapsible content section helps break up longer descriptions and make them more visually appealing.
This comes in handy when you want to show important notice or information without using up too much space.
A Collapsible content section has 2 blocks:
Section header and
Collapsible rows
Use this block to give your section a Heading, Text, Button, Image, Icon, or Custom code if needed.
You can change the Icon style for the Collapsible rows: Plus or Arrow.
You can add or edit a maximum of only one type of child block - Collapsible row block - to the Collection rows block in the Collapsible content section.
If you enable the Hide if content is empty toggle, the Collapsible row will be hidden then.
Add the suitable text into the Heading field, select an attractive Icon, and change the Icon size to draw the customer's attention.
Moreover, you can add the extra information in the Content field.
Add content using Custom code (Liquid is accepted, but it only works on the live page).
If you want the Collapsible row to always open when the page is loaded, enable the Default open toggle
