An FAQ section answers the questions your visitors ask most, right on your Website Page or Landing Page. Each question is an Accordion block: a collapsible dropdown with a Heading that is always visible and a Body that opens when clicked. Visitors get the answer they need without scrolling past walls of text.
You can add a ready-made FAQ section, or add a single Accordion block to a section you already have.
Note: This article covers the latest page editor available with the Website Builder and Kajabi Pages. If you use a Premier Legacy Template, go to Add an accordion section to a Premier page below.
Add an FAQ section to a page
From the Dashboard, click Website.
Click Website Pages or Landing Pages.
Click the Title of the page to open the editor.
In the sidebar, click Add section.
Select a section from FAQs to preview it.
Click Add to add the preset Section to your page.
Click Save.
Tip: Add a few FAQ sections and test them to see which layout fits your page design best.
FAQ and FAQ Grid sections
The FAQ section generates a sequential list of Accordion blocks. The FAQ Grid section generates Accordion blocks in a grid layout.
Customize either section by editing its Accordion blocks and Section Settings to change its appearance, behavior, and content.
Section settings:
FAQ section layout
FAQ Grid section layout
Add an Accordion block to a section
An Accordion block behaves as a dropdown bar. The Heading Text identifies the block, and visitors click it open to read the Body Text. Use one anywhere a question, instruction, or detail is better shown on demand.
From the Dashboard, click Website.
Click Website Pages or Landing Pages.
Click the Title of the page to open the editor.
Click the section you want to edit, or add a section.
In the sidebar, click Add block.
From the list, select Accordion. The Accordion block appears at the bottom of the section as a stack or grid.
Click Save.
Tip: To add more Accordion blocks to the section, click Add block in the section and repeat the steps above. To arrange your blocks in a grid, add an FAQ Grid section instead.
Customize an Accordion block
In an Accordion block, set the width of the block, the Heading text, the Body text, and your block settings.
Note: Your site's Style Guide controls the font size and style of Accordion Heading and Body text, not the Accordion block itself. To change how the text appears, update the Fonts and Font Colors settings in your Style Guide. Learn how to customize your Style Guide
Accordion block settings
Adjust the look and feel of the block with these block Settings:
Icon: Change the Icon Style to a Plus or an Arrow, and select an Icon Color to fit your brand
Background: Customize the block background color or image.
Desktop and Mobile Layout: Adjust how the block displays on different screen sizes.
Animations: Add entrance animations to the block.Time Reveal: Set a delay for when the block becomes visible on the page.
Add an accordion section to a Premier page
Accordions organize sets of content on your page so visitors don't face a wall of text. This section covers pages built with the Premier Legacy Templates.
Note: The Premier Legacy Templates may be outdated. If your page uses the latest page editor with the Website Builder or Kajabi Pages, follow Add an FAQ section to a page above instead.
From the Dashboard, click Website.
Click Website Pages or Landing Pages.
Click the Title of the page to open the editor.
To start from a new page instead, create a new page first.
In the sidebar, click + Add Section.
Select Accordion.
Click Add. Your new Accordion appears at the bottom of the page.
Click Save to keep your changes.
Customize a Premier accordion section
Heading and subheading
Edit the Heading and subheading to change the message displayed above your Accordion.
Section appearance
Change the Background, the Text Color, and the Spacing of the Section. Set Spacing from Extra Small to Full Height, which fills the height of your visitor's browser screen.