> ## 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 un bloque de acordeón a una página

> Aprendan a agregar bloques de acordeón a sus páginas creadas con Kajabi para organizar el contenido de su página.

Esta guía se refiere a la plantilla de página más reciente disponible con Website Builder y Kajabi Pages. Si están usando las plantillas heredadas de Premier, consulten la guía [aquí](../../website/pages/how-to-add-an-accordion-section-to-your-premier-page).

***

## ¿Qué es un bloque de acordeón?

Un bloque de acordeón muestra contenido en un formato desplegable colapsable. Cada acordeón tiene un encabezado que siempre está visible y un cuerpo que se expande al hacer clic, lo que lo hace útil para preguntas frecuentes, instrucciones, o cualquier contenido que se beneficie de mostrarse bajo demanda.

El bloque de acordeón se comporta como una barra desplegable con un texto de encabezado que identifica el bloque. Cuando un usuario hace clic para abrir el bloque de acordeón en su página, puede ver el texto del cuerpo:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/444f5f17_42469683460251.png" alt="openingaccordionblock.gif" />

***

## Cómo agregar un bloque de acordeón

1. Desde el Dashboard, hagan clic en **Website.**
2. Hagan clic en **Landing** **Pages**.
3. Abran el editor de páginas de su página. [Aprendan más](../../website/pages/how-to-get-to-the-page-editor)
4. Hagan clic en la sección que quieren editar o [agreguen una sección.](../../website/pages/add-sections-to-your-pages).
5. En la barra lateral, hagan clic en **Add Content**.
6. En la lista, seleccionen las opciones de la sección **FAQS** (anteriormente accordion). Seleccionen **Add.**
7. El bloque de acordeón aparecerá al final de la sección como una pila o cuadrícula.
8. Hagan clic en **Save**

<Frame>
  <img src="https://mintcdn.com/kajabi-support/bGyBRcS-qGk0DuXK/images/accordianfaq.jpg?fit=max&auto=format&n=bGyBRcS-qGk0DuXK&q=85&s=47557dd8cbddb8e91f9a98e4fb3b5387" alt="Accordianfaq" width="4020" height="2056" data-path="images/accordianfaq.jpg" />
</Frame>

<Tip>
  **Consejo:** para incluir bloques de acordeón adicionales en la sección, simplemente hagan clic en **+ Add Content** en el editor de sección y repitan los pasos para agregar el bloque de acordeón. Para formatear sus bloques en una cuadrícula, les recomendamos agregar una [sección de cuadrícula FAQ](../../website/pages/how-to-add-an-faq-section).
</Tip>

***

## Cómo personalizar un bloque de acordeón

En un bloque de acordeón, configuren el [ancho](../../website/pages/how-to-customize-the-block-width) del bloque, el texto de encabezado, el texto del cuerpo, y la configuración de su bloque:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/ae5053d3_17017990750875.png" alt="14ADE06C-C1AA-4FE6-8BBC-5F2C325CADE1.png" />

<Note>
  **Nota:** el tamaño de fuente y el estilo del texto de encabezado y cuerpo del acordeón se controlan mediante la configuración de la guía de estilo de su sitio, no dentro del propio bloque de acordeón. Para cambiar cómo se ve el texto, actualicen la configuración de **Fonts** y **Font Colors** en su guía de estilo. [Aprendan a personalizar su guía de estilo](https://help.kajabi.com/es/articles/website/pages/customize-your-page-font-and-style-with-the-style-guide).
</Note>

<Tip>
  **Consejo:** [usen el editor de texto del cuerpo](https://help.kajabi.com/es/articles/marketing/email-campaigns/can-i-make-the-text-box-larger-when-editing) para agregar fácilmente su contenido de texto a su bloque de acordeón.
</Tip>

***

## Configuración del bloque

Para ajustar la apariencia del bloque, configuren la configuración de su bloque personalizando:

* **Icon:** cambien el estilo de ícono a un signo más o una flecha y seleccionen un color de ícono que se adapte a su marca
* **Background**: personalicen el color o la imagen de fondo del bloque. [**\[Aprendan más\]**](https://help.kajabi.com/es/articles/website/pages/customizing-block-background-settings)
* **Desktop and Mobile Layout**: ajusten cómo se muestra el bloque en diferentes tamaños de pantalla. [**\[Aprendan más\]**](https://help.kajabi.com/es/articles/website/pages/customizing-block-layout-settings)
* **Animations**: agreguen animaciones de entrada al bloque. [**\[Aprendan más\]**](https://help.kajabi.com/es/articles/website/pages/customizing-block-animations)
* **Time Reveal**: establezcan un retraso para cuando el bloque se vuelva visible en la página. [**\[Aprendan más\]**](https://help.kajabi.com/es/articles/website/pages/customizing-time-reveal-settings)

**Cómo acceder a la configuración de su bloque de acordeón:**

1. Desde el Dashboard, hagan clic en **Website.**
2. Hagan clic en **Pages**.
3. Abran el editor de páginas de su página. [Aprendan más](../../website/pages/how-to-get-to-the-page-editor)
4. Pasen el cursor sobre el bloque de acordeón que quieren personalizar y hagan clic en **Edit**.
5. En la barra lateral, bajen hasta **Block Settings** para personalizar las opciones mencionadas arriba.

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/1b270e04_17018063430299.png" alt="36DCB17A-C28A-4962-AF34-A0A4AA533AC9.png" />