> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bosscart.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Audio

> The audio widget allows you to add music or sound to your website pages, perfect for podcasts or background ambiance.

The **audio widget** allows you to add **music or sound** to your website pages, perfect for podcasts or background ambiance.

* **Great for Engagement** – Elevate user experience by adding **background music** or spoken messages.
* **Personalized Voice Notes** – A great touch for **thanking customers** after a purchase, making interactions more personal.

**How to Add Audio Files**

* **Navigate to the Audio Widget** – Open the **Widgets panel** in your editor.
* **Drag & Drop** – Place it anywhere within the page builder.
* **Upload Your Sound Files** – Customize playback settings for seamless integration.

This simple yet effective tool adds depth to your website while improving visitor interaction!

<img src="https://mintcdn.com/alavon365/jdtI0XQKlmiI8Ux4/images/builder/021736b988176de9.png?fit=max&auto=format&n=jdtI0XQKlmiI8Ux4&q=85&s=45101c267d175d29e040ea48c8e8744d" alt="" width="1258" height="704" data-path="images/builder/021736b988176de9.png" />

### Settings

To set up your audio element is really simple. First select the settings tab, name your file/song and an artist name, set the theme to either light or dark mode, turn on or off auto-play and finally select the audio file from your [file manager area](/builder/platform/builder/settings/file-manager).

<img src="https://mintcdn.com/alavon365/m47yzIyDG9neC9jn/images/builder/c848ea772a5fba22.png?fit=max&auto=format&n=m47yzIyDG9neC9jn&q=85&s=aadb0a518f2452c8a4b4ad8bbe405720" alt="" width="1060" height="567" data-path="images/builder/c848ea772a5fba22.png" />