Step-by-Step Guide

How to Embed Audio on Your Website

Works on WordPress, Squarespace, Wix, Webflow, and plain HTML — no coding experience required.

Works on: WordPress Squarespace Wix Webflow Shopify HTML

Choose your setup

Pick what sounds like your situation.

Before you start

Embedding audio requires three things:

  • Your audio file — MP3, M4A, AAC, OGG, or WAV. Upload it to a hosting service like iRadeo.
  • An embed code — a short HTML snippet that tells your site where to display the player.
  • Access to your website editor — you need to add a block or HTML element, but no coding knowledge is required.

💡 What is an embed code? A shortcode (WordPress) or iframe (all other platforms) that displays the player on your page. Paste it once — the player stays. Upload new audio and it updates automatically.

The three main methods at a glance:

  • WordPress plugin — Install once, use a shortcode on any page or post.
  • iframe embed — Works on every platform. Paste into a code block or HTML widget.
  • HTML5 audio tag — Basic browser player, no customization. Good if you just need something functional.

Embed audio on WordPress

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

01

Install the iRadeo plugin

Go to Plugins → Add New. Search "iRadeo Audio Player." Install and activate.

02

Create a free iRadeo account

Sign up at iradeo.com and upload your audio. Your station ID appears in the dashboard.

03

Add the shortcode to any page

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

[iradeo id="YOUR_STATION_ID"]

For a compact bar player:

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

This is what the embed looks like on your page:

Full WordPress plugin guide →

Embed audio on Squarespace

Squarespace doesn't have built-in audio hosting, but any player embeds via a Code Block. Works on all plans.

01

Upload your audio to iRadeo

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

02

Add a Code Block

Edit any Squarespace page. Click + to add a block, choose Code from the More section.

03

Paste and click Apply

Paste the iRadeo iframe code. Click Apply. The player is live immediately.

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

Embed audio on Wix

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

01

Add the HTML element

Edit your Wix page. Click +EmbedEmbed HTML.

02

Paste your embed code

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

When you upload new audio to iRadeo, the player updates automatically — no page edits needed.

Embed audio on Webflow

Webflow has a built-in Embed element that accepts custom HTML. All Webflow plans support audio embeds.

01

Add an Embed element

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

02

Paste your iRadeo embed code

Paste the iframe code directly. Webflow renders the player on publish.

Embed audio on any HTML site

On a custom HTML site or any platform not listed above, use the iframe embed directly.

01

Copy your embed code from iRadeo

Find your station's iframe embed code in your iRadeo dashboard.

02

Paste into your HTML

Add the iframe anywhere in your page's <body> where you want the player.

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

Live Demo

This is what your embed looks like

A real iRadeo playlist player — the same code you'll paste on your site.

Full-height player (520px). For a compact bar or mini player, see the plugin docs.

Want to try it? Free 14-day trial.

Upload your audio, get an embed code, paste it anywhere. Takes 5 minutes.

Start Free Trial

Frequently asked questions

Can I embed audio on any website?

Yes — if your site accepts HTML, you can embed a player. iRadeo works on WordPress, Squarespace, Wix, Webflow, Shopify, and plain HTML.

Do I need to know how to code?

No. Paste one line — a shortcode on WordPress, an iframe everywhere else.

Can I embed audio on WordPress for free?

The plugin is free. You need a free iRadeo account to get your station ID. Get the plugin →

How do I embed audio on Squarespace?

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

What audio formats can I embed?

MP3 works everywhere. iRadeo also supports M4A, AAC, OGG, and WAV.