Guide

How to Embed Audio on Any Website

WordPress, Squarespace, Wix, Webflow, plain HTML — it doesn't matter. Here's how to do it in 5 minutes.

Live Demo

This is what your embed looks like

A real iRadeo playlist player with enough room for the controls and track list.

Full player Use height 550px when the playlist is visible

That's the player. Below is how to get that on your site.

Get this player — Free trial

Free to try

Want to try it with your own audio?

Upload your MP3s, preview the player on your own content, and get your embed code — all before you pay anything. 14 days free, cancel before day 15 and pay nothing.

Card required to start • Charged only after 14 days • Cancel before day 15, pay nothing

Player styles

Three player modes — one hosted station

Use the full player when you want the playlist visible, compact mode for article pages, and the tiny bar when the page only has room for a clean play control.

Full player 550px tall with playlist
Compact player 240px tall, no playlist
Tiny bar player 96px tall for sidebars and footers

Choose the mode that fits your page layout. The full player needs `height="550"` when the playlist is visible; compact mode uses `height="240"`; tiny bar mode uses `height="96"`.

Choose the audio setup that matches the page.

Most people do not need "audio embedding" in the abstract. They need a sermon page, a school announcement page, a station player, or a clean hosted playlist. Start with the closest path and use this guide when you are ready to paste the player.

What you need before you start

Embedding audio on a website requires three things:

What is an embed code? It's a small piece of HTML — a shortcode (WordPress) or an iframe — that displays the audio player on your page. You paste it once and the player stays there. When you upload new audio, the player updates automatically.

Here's a quick comparison of the main methods:

How to embed audio on WordPress

The easiest way on WordPress is using the iRadeo plugin for WordPress. It's free, works with Gutenberg and Classic Editor, and lets you embed a player with one shortcode.

1

Install the iRadeo plugin

Go to Plugins → Add New in your WordPress dashboard. Search for "iRadeo Audio Player." Install and activate.

2

Create a free iRadeo account

Sign up at iradeo.com and upload your audio. Your station ID is shown in your dashboard.

3

Add the shortcode to any page

Edit any WordPress page or post. Add a Shortcode or HTML block and paste:

WordPress Shortcode [iradeo id="YOUR_STATION_ID"]

That's it. The player appears on your page immediately. For compact players, use:

Compact Player [iradeo id="YOUR_STATION_ID" compact="true"]

Full WordPress plugin guide with all options →

How to embed audio on Squarespace

Squarespace doesn't have a built-in audio hosting solution, but you can embed any audio player using a Code Block. This works on all Squarespace plans.

1

Upload your audio to iRadeo

Create a free account and upload your audio. Copy your embed code from the dashboard.

2

Add a Code Block in Squarespace

Edit any page in Squarespace. Click + to add a block, then select Code under the More section.

3

Paste your embed code

Paste the iRadeo iframe code into the Code Block. Click Apply. The player is live.

Squarespace Embed Code <iframe src="https://www.iradeo.com/station/player/YOUR_ID" width="100%" height="550" frameborder="0" scrolling="no" allow="autoplay"> </iframe>

Full Squarespace audio guide →

How to embed audio on Wix

Wix supports HTML embeds through its Embed HTML element. Note: Wix Personal plan does not allow custom code — you need Business Basic or above.

1

Add the HTML element

Edit your Wix page. Click +EmbedEmbed HTML.

2

Choose "Code" and paste your embed code

Select "Enter code" and paste your iRadeo iframe code. Set width to "Full" and height to 550px for the full player, or 240px for compact mode.

Wix embeds work on all pages. When you add new audio to iRadeo, it automatically appears in your embedded player.

How to embed audio on Webflow

Webflow has a built-in Embed element that accepts custom HTML. Any Webflow plan supports audio embeds.

1

Add an Embed element

In the Webflow Designer, drag an Embed element from the Add panel onto your page.

2

Paste your iRadeo embed code

Paste the iframe code directly. Webflow will render the player on publish.

How to embed audio on any HTML website

If you're on a custom HTML site (or any platform not listed above), use the iframe embed code.

1

Copy your embed code from iRadeo

Get your station's iframe embed code from your iRadeo dashboard.

2

Paste into your HTML

Add the iframe code anywhere in your page's HTML body where you want the player to appear.

HTML Embed (Any Website) <iframe src="https://www.iradeo.com/station/player/YOUR_ID" width="100%" height="550" frameborder="0" scrolling="no" allow="autoplay"> </iframe>

Frequently asked questions

Can I embed audio on any website?

Yes. If your website accepts HTML, you can embed an audio player. iRadeo works on WordPress, Squarespace, Wix, Webflow, Shopify, Ghost, and any custom HTML site.

Do I need to know how to code?

No. You paste one line of code — a shortcode (WordPress) or iframe (everyone else) — into your page. That's it. No HTML knowledge required.

Can I embed audio on WordPress for free?

The iRadeo WordPress plugin is free to install. You need a free trial account to get a station ID, then the plugin itself costs nothing. Get the free plugin →

How do I embed audio on Squarespace?

Add a Code Block to any Squarespace page, paste the iRadeo iframe code, and click Apply. The player appears instantly. Works on Personal plan and above.

What audio formats can I embed?

MP3 is the most widely compatible. iRadeo also supports M4A, AAC, OGG, and WAV. Upload any format and the hosted player handles playback automatically.

Ready to embed audio on your website?

Upload your audio, get an embed code, paste it anywhere. Takes 5 minutes. 14-day free trial.

Start Free Trial