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

# Embed a third-party audio player to a page

> Display audio files on your page by embedding a third-party audio player.

Whether you want to showcase a podcast, music, or a voice message, audio can be a great way to grab your viewer's attention.

## Overview

Kajabi allows you to embed third-party audio players on your pages using the Custom Code block. This gives you the flexibility to use popular audio platforms like Spotify, SoundCloud, JW Player, or Apple Music to share audio content with your audience.

***

## Step 1. Find the perfect audio player

The first step is finding which audio player will be best for you and your brand. There are many free audio players to choose from, so deciding which one is best may require a bit of research.

Popular choices include:

* [JW Player](https://www.jwplayer.com/)
* [SoundCloud](https://soundcloud.com/)
* [Spotify](https://www.spotify.com/)
* [Apple Music](https://www.apple.com/apple-music/)

Once your content has been uploaded to a player, the next step is to create a Custom Code Block to embed the code on your site.

***

## Step 2. Add a custom code block

1. Open the **Website** tab from the Dashboard.
2. Select the **Pages** tab.
3. Open the page editor for your page. [Learn more](/articles/website/pages/how-to-get-to-the-page-editor)
4. In the sidebar panel, click the Section you want to edit or [create a new Section](/articles/website/pages/add-sections-to-your-pages).
5. From the list, select **Custom Code**.
6. Your newly created Custom Code Block will generate at the bottom of the Section.
7. Click **Save** to keep your changes.

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

***

## Step 3. Enter the embed code for the third party player

<Warning>
  **Important:** Introducing custom code to your site can open you up to vulnerabilities and potential malware attacks. We recommend using vulnerability tools like [VirusTotal](https://www.virustotal.com/gui/home/url) or [Snyk](https://snyk.io/) to scan any custom code that you intend to use and apply certain [best practices](/articles/website/domains/code-based-customizations) to help reduce potential impact.
</Warning>

1. In your page, hover over the existing Custom Code Block you want to edit and click **Edit**.
2. In the Code field, paste a copied embed code or enter your custom code. For this tutorial, we used Spotify's player embed code, but the process should remain the same for all other player embed codes.
3. Click **Save** to keep your changes.

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