> ## 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 audio a una página

> Agregar audio a su página es una forma entretenida e impactante de conectar con su audiencia. Aprendan a agregar un bloque de audio a una página.

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

<Note>
  **Nota:** los bloques de audio solo están disponibles con Encore Site v1.1.0 y superior para páginas de sitio web, y Encore 2.0 y superior para landing pages. Para incluir un bloque de audio en su página con Encore Site v1.1.0 y superior, creen una [landing page nueva](/es/articles/website/pages/how-to-add-pages-to-your-website) o [instalen una nueva plantilla de sitio web](/es/articles/website/pages/how-to-make-the-switch-to-the-new-website-builder). Actualizar una plantilla anterior mostrará un mensaje de error, ya que estas actualizaciones son incompatibles con versiones anteriores.
</Note>

***

## Cómo agregar un bloque de audio

* Abran la pestaña **Website** desde el Dashboard.
* Seleccionen **Website Pages** o **Landing Pages**.
* Abran el editor de páginas de su página. [Aprendan más](/es/articles/website/pages/how-to-get-to-the-page-editor)
* Hagan clic en la sección que quieren editar o [creen una nueva sección](/es/articles/website/pages/add-sections-to-your-pages).
* En la barra lateral, hagan clic en **Add Content**.
* En la lista de bloques de contenido, seleccionen **Audio**.
* Su nuevo bloque de audio se generará al final de la sección:

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

<Note>
  **Nota:** ¿quieren eliminar el archivo de audio de su página? Eliminen el bloque de su página. [Aprendan más](editing-blocks-on-your-page#to-rename-duplicate-hide-and-delete-a-section)
</Note>

***

## Cómo personalizar su bloque de audio

Con Kajabi, personalicen la apariencia de un bloque de audio con las diversas funciones de personalización.

**En un bloque de audio, pueden:**

* Ajustar el ancho del bloque
* Agregar el audio que se muestra
* Elegir una acción de audio
* Personalizar el título y subtítulo de audio mostrados
* Personalizar el color de acento del reproductor
* Personalizar la apariencia del bloque con la configuración de su bloque de audio:

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

### Agregar archivo de audio

Seleccionen la imagen que se muestra en el bloque:

* Subiendo un archivo nuevo

[Tipos de archivo compatibles: MP3](/es/articles/website/pages/what-are-compatible-file-types-i-can-upload-in-kajabi)

### Acción de audio

* Descargar el archivo de audio
* Subir un archivo nuevo

### Ancho del bloque de audio

El bloque de audio se puede personalizar para:

* Cambiar el [ancho del bloque](/es/articles/website/pages/how-to-customize-the-block-width)

### Título y subtítulo

* Personalicen el texto del título y subtítulo que se muestra en el reproductor de audio

### Color de acento del reproductor

* Cambien el color de acento de su reproductor de audio. Seleccionen un color o reemplacen el código hexadecimal con el código hexadecimal del color que deseen.

***

## Cómo personalizar la configuración de su bloque

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

* [Fondo](/es/articles/website/pages/customizing-block-background-settings)
* [Diseño de escritorio y móvil](/es/articles/website/pages/customizing-block-layout-settings)
* [Superposición](/es/articles/website/pages/how-to-add-an-image-to-your-page)
* [Animaciones](/es/articles/website/pages/customizing-block-animations)
* [Revelación por tiempo](/es/articles/website/pages/customizing-time-reveal-settings)