# Sección de acordeón
El bloque Accordion es una solución gráfica conveniente para un sitio web en forma de una lista de notas de texto con elementos desplegables:
"Accordion" es lo suficientemente fácil de incrustar en un sitio web y personalizar según sus propias necesidades: puede adaptarse perfectamente a cualquier solicitud necesaria.
## ¿Cómo añadir y configurar “Accordion”?
Para añadir un elemento a su sitio, vaya a la configuración del sitio y haga clic en el signo más para abrir el menú con las secciones disponibles en Salebot.
Luego, en el menú de secciones que se abre, busque el bloque "Accordion".
A continuación, verá un bloque añadido vacío, en el que debe configurar el contenido en forma de tarjetas y el tipo de las propias tarjetas del acordeón:
## Configuración del contenido
Primero, añadiremos tarjetas de contenido, para lo cual debe hacer clic en el botón "Contenido" y luego añadir la propia tarjeta, que contendrá el título y, соответственно, el texto:
Se añadió una tarjeta vacía a su contenido, donde puede añadir un texto de pregunta, una imagen y un texto de respuesta:
El elemento de texto del bloque tiene ajustes similares a los de cualquier editor de texto: ajustes de negrita, cursiva, subrayado, altura de fuente y contorno de fuente, color y más.
Para aplicar sus ajustes a un texto, seleccione la parte requerida del texto y seleccione los ajustes de texto
A continuación, cargue una imagen, si es necesario, y añada un texto aclaratorio: la respuesta a la pregunta:
Puede añadir la cantidad requerida de tarjetas de contenido.
## Personalización del contenido
Después de añadir la cantidad requerida de tarjetas de contenido, vaya a la configuración del contenido:
A continuación, puede seleccionar una casilla para que se abra la primera tarjeta del acordeón o solo una de las tarjetas.
Seleccione el ajuste de margen vertical entre las preguntas en el bloque:
También puede redondear las esquinas de las tarjetas usando este campo, que solo acepta valores numéricos:
El elemento de texto (así como el botón) de la tarjeta siempre está en el medio con respecto a los bordes superior e inferior. Para seleccionar la distancia requerida, introduzca un valor numérico en el campo "Relleno interno en la parte superior e inferior":
Además, todo el contenido de la tarjeta (incluidos el texto y el botón para expandir el texto de respuesta) se encuentra en el medio con respecto a los bordes derecho e izquierdo. Para ajustar el relleno a la izquierda y a la derecha, use el campo "Relleno interno a la izquierda y a la derecha":
Para seleccionar el tamaño del icono que abre el texto de respuesta, solo use este campo "Ancho del icono", que también toma exclusivamente un valor numérico:
Si la imagen dentro de la tarjeta es demasiado grande, puede seleccionar su ancho especificando el valor requerido en el campo "Ancho de la imagen":
A continuación, seleccione una paleta de colores para cada elemento de su acordeón: texto, fondo de la tarjeta, icono, etc.:
Ahora sabe cómo instalar el bloque "Accordion" en su sitio web y personalizar el contenido dentro del bloque.
## Personalización del bloque (sección): fuente, fondo y ajustes de visualización
Para personalizar el bloque “Accordion”, necesitará la configuración universal de secciones (bloques), que incluye ajustes de fuente, fondo y visualización.
Los ajustes de la sección (bloque), es decir, fuentes, fondo y visualización, son los mismos para todos los bloques.
{% hint style="info" %}
[Lea más sobre la configuración universal de las secciones (bloques) del sitio en el artículo](/doc/es/websites/sitios/blocks/settings.md)
{% endhint %}
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.mavibot.ai/doc/es/websites/sitios/blocks/accordion.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
