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

<AgentInstructions>

## Submitting Feedback

If you encounter incorrect, outdated, or confusing documentation on this page, submit feedback:

POST https://help.kajabi.com/feedback

```json
{
  "path": "/articles/website/pages/how-to-add-an-audio-block-to-a-page",
  "feedback": "Description of the issue"
}
```

Only submit feedback when you have something specific and actionable to report.

</AgentInstructions>

# Add an audio block to a page

> Adding audio to your page is an entertaining and impactful way to engage with your audience. Learn to add an Audio Block to a page.

<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>
  **Note:** Audio Blocks are only available with Encore Site v1.1.0 and above for Website pages and Encore 2.0 and above for Landing pages. To include an Audio Block on your page with Encore Site v1.1.0 and above, create a [new Landing page](/articles/website/pages/how-to-add-pages-to-your-website) or [install a new Website template](/articles/website/pages/how-to-make-the-switch-to-the-new-website-builder). Updating a previous template will display an error message, as these updates are incompatible with previous versions.
</Note>

***

## Adding an audio block

* Open the **Website** tab from the Dashboard.
* Select either **Website Pages** or **Landing Pages**.
* Open the page editor for your page. [Learn more](/articles/website/pages/how-to-get-to-the-page-editor)
* Click the Section you want to edit or [create a new Section](/articles/website/pages/add-sections-to-your-pages).
* In the sidebar, click **Add Content**.
* From the content block list, select **Audio**.
* Your newly created Audio Block will generate at the bottom of the Section:

<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>
  **Note:** Want to delete the audio file from your page? Remove the block from your page. [Learn more](editing-blocks-on-your-page#to-rename-duplicate-hide-and-delete-a-section)
</Note>

***

## Customizing your audio block

With Kajabi, customize the look and feel of an Audio Block with the various customization features.

**In an Audio Block, you can:**

* Adjust the width of the Block
* Add the Audio displayed
* Choose an Audio Action
* Customize the displayed Audio Title and Subtitle
* Customize the Player Accent Color
* Customize the look and feel of the Block with your Audio Block Settings:

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

### Add audio file

Select the Image displayed in the Block by:

* Uploading a New File

[Compatible File Types: MP3](/articles/website/pages/what-are-compatible-file-types-i-can-upload-in-kajabi)

### Audio action

* Download Audio file
* Upload a New File

### Audio block width

The Audio Block can be customized to:

* Change the [width of the Block](/articles/website/pages/how-to-customize-the-block-width)

### Title & subtitle

* Customize the displayed Title and Subtitle text in the Audio Player

### Player accent color

* Change the Accent Color of your Audio Player. Select a color or replace the hex code with your desired color hex code.

***

## Customizing your block settings

To adjust the look and feel of the Block, configure your Block Settings by customizing:

* [Background](/articles/website/pages/customizing-block-background-settings)
* [Desktop and Mobile Layout](/articles/website/pages/customizing-block-layout-settings)
* [Overlay](/articles/website/pages/how-to-add-an-image-to-your-page)
* [Animations](/articles/website/pages/customizing-block-animations)
* [Time Reveal](/articles/website/pages/customizing-time-reveal-settings)