> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

<AgentInstructions>

## Submitting Feedback

If you encounter incorrect, outdated, or confusing documentation on this page, submit feedback:

POST https://help.kajabi.com/feedback

```json
{
  "path": "/articles/website/pages/how-to-add-an-accordion-section-to-your-premier-page",
  "feedback": "Description of the issue"
}
```

Only submit feedback when you have something specific and actionable to report.

</AgentInstructions>

# Add an accordion section to a Premier page

> Learn to add and customize Accordion Sections on your Premier Page.

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/66r6mjpz15" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

This article refers to the Premier Legacy Templates, which may be outdated. If you are using the Kajabi Pages Templates, please refer to the updated guide [here](../../website/pages/how-to-add-an-accordion-block-to-your-page).

***

## Adding an accordion

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

### To add an accordion block:

* Open the **Website** tab from the Dashboard.
* Click **Pages**.
* Select the page you wish to customize or [create a new page](../../website/pages/how-to-create-a-new-page-with-premier).
* Click **Customize** to open the [page editor](../../website/pages/how-to-get-to-the-page-editor).
* Click **+ Add Section** from the sidebar.
* Select **Accordion**.
* Click **Add**.
* Your newly created Accordion will generate at the bottom of the page.
* Click **Save** to keep your changes:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/1gs2zp5yd2" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

<Tip>
  **Tip:**

  To include additional Accordion Blocks in the Section, simply click Add Accordion Item at the bottom of the sidebar editor.
</Tip>

***

## Customizing an accordion

### Heading and subheading

Customize your Section message displayed above your Accordion.

### Section appearance

Configure your Section Appearance to change the Background and Text Color and change the Spacing of the Section.

#### Spacing:

Change the spacing of your Accordion Section from Extra Small to Full Height to fill the screen of your user's browser.