> ## 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.

# Agregar una sección de acordeón a una página Premier

> Aprendan a agregar y personalizar secciones de acordeón en su página Premier.

<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>

Este artículo se refiere a las plantillas heredadas de Premier, que pueden estar desactualizadas. Si están usando las plantillas de Kajabi Pages, consulten la guía actualizada [aquí](../../website/pages/how-to-add-an-accordion-block-to-your-page).

***

## Cómo agregar un acordeón

Los acordeones son una excelente forma de organizar conjuntos de contenido en su página, evitando que sus visitantes se encuentren con bloques de texto desordenados.

### Para agregar un bloque de acordeón:

* Abran la pestaña **Website** desde el Dashboard.
* Hagan clic en **Pages**.
* Seleccionen la página que quieren personalizar o [creen una página nueva](../../website/pages/how-to-create-a-new-page-with-premier).
* Hagan clic en **Customize** para abrir el [editor de páginas](../../website/pages/how-to-get-to-the-page-editor).
* Hagan clic en **+ Add Section** en la barra lateral.
* Seleccionen **Accordion**.
* Hagan clic en **Add**.
* Su nuevo acordeón se generará al final de la página.
* Hagan clic en **Save** para guardar sus cambios:

<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>
  **Consejo:**

  Para incluir bloques de acordeón adicionales en la sección, simplemente hagan clic en Add Accordion Item al final del editor de la barra lateral.
</Tip>

***

## Cómo personalizar un acordeón

### Encabezado y subtítulo

Personalicen el mensaje de su sección que se muestra encima de su acordeón.

### Apariencia de la sección

Configuren la apariencia de su sección para cambiar el fondo y el color del texto, y cambiar el espaciado de la sección.

#### Espaciado:

Cambien el espaciado de su sección de acordeón de Extra pequeño a Altura completa para llenar la pantalla del navegador de su usuario.