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 audio player — no account needed to preview it.

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

Two player modes — one embed code

Full player — 280px tall
Compact player — 150px tall

Choose the mode that fits your page layout — both use the same embed code, just different URL parameters.

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/player/YOUR_ID" width="100%" height="120" frameborder="0"> </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 120px.

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/player/YOUR_ID" width="100%" height="120" frameborder="0"> </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