All Collections
Editor
How to create a Collapsible/Expandable section on a page
How to create a Collapsible/Expandable section on a page

If you want to truncate text, continue reading for how to utilize our collapsible section template.

Vanida avatar
Written by Vanida
Updated over a week ago


​

1. In the AirMason Editor, add a new page using the "Blank" template

In the platform editor, add a new "Blank Template" page.

2. Replace/insert your text in the upper text box as needed

This text box will always be visible to the reader.
​

Replace the text in the main upper text box as needed.

3. Click on "Add collapsible section" to add a text box/area that can be expanded/collapsed

Once the new page has been added, click on "Add collapsible section" to add a text box that can be expanded/collapsed.

4. Then under the dotted line, add any text to be truncated in this text box

Everything inside this text box will be hidden from the viewer until they click to expand.
​

Then under the dotted line, add any text to be truncated in this text box.

5. In the sidebar under the "Pages" tab, you will see a section for Collapsible Section options. Change any settings here if needed, including the call to action (CTA) button language

In the sidebar under the "Pages" tab, you will see a section for Collapsible Section options. Change any settings here if needed.
You can change the CTA button name here. Then voila! Your collapsible section is ready to go.

6. To see how it looks live, go into Preview mode by following these instructions. Viola! Your text is less lengthy, more engaging, and more interactive!

Did this answer your question?