How to Add an Accordion Block to Your Page

Kayla M.

calendar_month Updated

Learn to add Accordion Blocks to your pages built with Kajabi to organize content on your Page. 

In this article:

This guide refers to the latest page template available with the Website Builder and Kajabi Pages. If you are using the Premier Legacy Templates, please refer to the guide here.

What is an Accordion block?

Accordions are a great way to organize sets of content on your page, relieving your page viewers from long walls of text.

The Accordion Block behaves as a dropdown bar with a Heading Text identifying the Block. When a user clicks open the Accordion Block on your Page, they can view the Body Text:

openingaccordionblock.gif

Adding an Accordion block

  • Open the Website tab from the Dashboard. 
  • Select the Pages tab.
  • Open the page editor for your Page. Learn more
  • Click the Section you want to edit or create a new Section.
  • In the sidebar, click Add Content.
  • From the list, select Accordion.
  • Your newly created Accordion Block will generate at the bottom of the Section.
  • Click Save to keep your changes:

Tip:
To include additional Accordion blocks in the Section, simply click + Add Content in the Section editor and repeat the steps for adding the Accordion Block. To format your blocks in a Grid, we recommend adding an FAQ Grid Section.

Customizing an Accordion block

In an Accordion Block, configure the Width of the Block, Heading text, Body text, and your Block Settings:

14ADE06C-C1AA-4FE6-8BBC-5F2C325CADE1.png

Tip:
Utilize the Body Text Editor to easily add your text content to your Accordion Block.

Block Settings

To adjust the look and feel of the Block, configure your Block Settings by customizing the:

Accessing your Accordion Block Settings:

  • Open the Website tab from the Dashboard. 
  • Select the Pages tab.
  • Open the page editor for your Page. Learn more
  • Hover over the Accordion Block you wish to customize and click Edit.
  • Navigate to the sidebar panel to access your Accordion Block Settings: 

36DCB17A-C28A-4962-AF34-A0A4AA533AC9.png

And that's how you can add an Accordion Block to your Page! Please vote below and let us know if you found this article helpful. We value your feedback. Thanks for being the best part of Kajabi!

Did you find this article helpful?