---
title: Encabezados expandibles
slug: encabezados-expandibles
createdAt: 2024-08-09T08:04:51.985Z
---

::loom{url="https://www.loom.com/embed/dcb8460d05144704b018ec9aa6b41aba?sid=1aea9071-051b-46b6-ac5c-0787e172af70"}

Los encabezados expandibles son una forma de organizar el contenido de tu documentación y mejorar la legibilidad. Permiten crear secciones que los usuarios pueden expandir o contraer, facilitando la búsqueda de información específica.

## ¿Por qué usar encabezados expandibles?

- **Mejor organización**
  Los encabezados expandibles ayudan a desglosar temas complejos en secciones manejables.
- **Mayor legibilidad**
  Los usuarios pueden centrarse en la información relevante expandiendo o contrayendo secciones.
- **Formato tipo FAQ**
  Los encabezados expandibles son ideales para crear secciones de Preguntas Frecuentes (FAQ) en tu documentación.

## Cómo añadir un encabezado expandible

Hay tres formas de crear encabezados expandibles en Archbee:

- Inserta el encabezado desde el menú de bloques. Escribe `/` y selecciona el bloque de encabezado

![](https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-Q0PhUrYs2oeDDj9AKCKFh-20240809-090345.png "Agregar Encabezado Expandible")

- Convertir un encabezado existente a expandible escribiendo `>>` al inicio de uno, luego presiona espacio

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/QJHESQKMx60mUR4eagec9_expandable-headings.gif "Convertir y desplegarlos")

- Usa atajos de markdown para insertarlo:
  - `>>#` + `space` para Encabezado Expandible 1
  - `>>##` + `space` para Encabezado Expandible 2 
  - `>>###` + `space` para Encabezado Expandible 3 

Para mostrar el contenido del encabezado expandible, simplemente elimina el encabezado y te quedarás solo con el texto.

## Bloques permitidos para el contenido

Dentro de los encabezados expandibles, puedes usar **todos los bloques **para contenido, exceptuando el bloque de encabezado expandible.

***

Aquí hay algunos ejemplos:

:::ExpandableHeading{isOpen="true"}
# Encabezado Expandible 1

- Aquí puedes agregar cualquiera de los bloques personalizados disponibles en el editor de Archbee
:::

:::ExpandableHeading
## Encabezado Expandible 2

- Puedes alternar el encabezado como expandible o colapsable
:::

:::ExpandableHeading{isOpen="true"}
### Encabezado Expandible 3

```javascript
fetch("https://api.cakes.com", {
  "method": "GET",
  "headers": {
    "Accept": "application/json"
  }
})
.then(response => {
  console.log(response);
})
.catch(err => {
  console.error(err);
});
```
:::

***

::::LinkArray
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
:FontAwesome[]{icon="fa-solid fa-cubes"}  ** Encontrar otros bloques**

Descubre nuevas formas y bloques para crear páginas de documentación impresionantes y funcionales.

[Ver todos los bloques](docId\:G2gQexIsuE2XnVGU6PWsT) 
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
:FontAwesome[]{icon="fa-solid fa-headset"}**  ¿Necesitas ayuda?  ⬇️**

Usa la **burbuja** **azul de chat **en la esquina inferior derecha.

O prueba el **Chat de IA** (desde la barra de búsqueda) para obtener respuestas rápidas.
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"}
:FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}**   Tu opinión importa**

Utiliza el formulario de comentarios a continuación, de forma anónima.

O haz una pregunta en la **sección de Preguntas y Respuestas** y nuestro equipo o la IA te dará una solución.
:::
::::