Free Radio Player Widget for Your Website

Would you like to add an online radio player to your website?

With the AllRadio.Net radio player widget, you can embed a live radio station player on your website using a simple iframe code. It works with WordPress, Wix, Squarespace, Blogger, and almost any website that allows custom HTML.

The widget is free to use and does not require any complex setup.

To get a widget, open any station page on AllRadio.Net and click Add to your website. You will receive a ready-to-copy iframe code for that station.

What Is the AllRadio.Net Radio Player Widget?

The AllRadio.Net radio player widget is a small embeddable player that lets visitors listen to a radio station directly from your website.

It includes:

  • Station logo
  • Play / pause button
  • Station name
  • Current track or playback status when available
  • A small "Powered by AllRadio.Net" label

You can add the widget to your website by copying a short iframe code from a station page on AllRadio.Net.

Who Is This Widget For?

The radio player widget is useful for:

  • Radio station owners
  • Broadcasters
  • Online radio directories
  • Music blogs
  • Local community websites
  • Event websites
  • Fan pages
  • Websites that want to recommend a specific radio station

For example, if you manage a radio station website, you can use the widget to give visitors a quick and simple way to listen to your live stream.

How to Get the Radio Player Embed Code

Follow these steps:

  1. Open AllRadio.Net.
  2. Search for the radio station you want to add to your website.
  3. Open the station page.
  4. Click Add to your website.
  5. Copy the iframe code.
  6. Paste the code into your website.

You do not need to create the iframe code manually. When you clickAdd to your website on a station page, AllRadio.Net automatically generates a ready-to-use iframe embed code for that specific radio station.

The generated code already includes the correct widget URL, station ID, width, height, and title. Just copy it and paste it into WordPress, Wix, Squarespace, Blogger, or any HTML website.

The embed code will look similar to this:

<iframe
  src="https://www.allradio.net/widget/STATION_ID"
  width="100%"
  height="120"
  style="border:0;"
  loading="lazy"
  title="Radio player by AllRadio.Net">
</iframe>

Replace STATION_ID with the actual widget ID of the radio station. When you copy the code from AllRadio.Net, the correct station ID is already included.

How to Add a Radio Player to a WordPress Website

You can add the AllRadio.Net radio player widget to WordPress using the Gutenberg editor.

WordPress Gutenberg Instructions

  1. Open your WordPress admin panel.
  2. Edit the page or post where you want to add the radio player.
  3. Click the + button to add a new block.
  4. Search for Custom HTML.
  5. Add the Custom HTML block.
  6. Paste the iframe code from AllRadio.Net.
  7. Click Preview to check the widget.
  8. Save or update the page.

Example:

<iframe
  src="https://www.allradio.net/widget/STATION_ID"
  width="100%"
  height="120"
  style="border:0;"
  loading="lazy"
  title="Radio player by AllRadio.Net">
</iframe>

Important WordPress Note

Use the Custom HTML block, not a normal paragraph block.

If WordPress removes the iframe code, your account may not have permission to use custom HTML. In that case, ask a site administrator to add the code, or use a trusted iframe plugin.

How to Add a Radio Player to Wix

You can embed the radio player in Wix using the HTML embed element.

Wix Instructions

  1. Open your Wix website editor.
  2. Click Add Elements.
  3. Choose Embed Code.
  4. Select Embed HTML.
  5. Paste the AllRadio.Net iframe code.
  6. Adjust the size of the box so the player is fully visible.
  7. Save and publish your website.

Example iframe code:

<iframe
  src="https://www.allradio.net/widget/STATION_ID"
  width="100%"
  height="120"
  style="border:0;"
  loading="lazy"
  title="Radio player by AllRadio.Net">
</iframe>

If the player looks too small, increase the height of the embed box in the Wix editor.

How to Add a Radio Player to Squarespace

Squarespace allows custom code blocks on many pages and sections.

Squarespace Instructions

  1. Open the Squarespace page editor.
  2. Click Add Block.
  3. Choose Code.
  4. Paste the iframe code from AllRadio.Net.
  5. Save the page.
  6. Preview the page to make sure the player appears correctly.

Example:

<iframe
  src="https://www.allradio.net/widget/STATION_ID"
  width="100%"
  height="120"
  style="border:0;"
  loading="lazy"
  title="Radio player by AllRadio.Net">
</iframe>

If your Squarespace template limits embedded content, try placing the widget in a full-width section or a standard content area.

How to Add a Radio Player to Blogger

You can add the radio player widget to a Blogger post, page, or sidebar.

Add the Widget to a Blogger Post or Page

  1. Open Blogger.
  2. Create or edit a post or page.
  3. Switch to HTML view.
  4. Paste the AllRadio.Net iframe code.
  5. Save or publish the post.

Example:

<iframe
  src="https://www.allradio.net/widget/STATION_ID"
  width="100%"
  height="120"
  style="border:0;"
  loading="lazy"
  title="Radio player by AllRadio.Net">
</iframe>

Add the Widget to a Blogger Sidebar

  1. Open Blogger.
  2. Go to Layout.
  3. Click Add a Gadget.
  4. Choose HTML/JavaScript.
  5. Paste the iframe code.
  6. Save the gadget.

Make sure the sidebar is wide enough for the player. If the widget looks compressed, use it inside a wider page area instead.

How to Add a Radio Player to Any HTML Website

If you manage a regular HTML website, you can paste the iframe code directly into your page.

Example:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>My Radio Page</title>
</head>
<body>

  <h1>Listen to Our Favorite Radio Station</h1>

  <iframe
    src="https://www.allradio.net/widget/STATION_ID"
    width="100%"
    height="120"
    style="border:0;"
    loading="lazy"
    title="Radio player by AllRadio.Net">
  </iframe>

</body>
</html>

You can place the widget in your homepage, sidebar, blog post, footer, landing page, or radio station page.

Recommended Widget Size

The recommended iframe size is:

width="100%"
height="120"

This makes the widget responsive and allows it to fit most website layouts.

For narrow sidebars, you may need to test a different placement. The widget usually works best in a main content area, a full-width block, or a section with enough horizontal space.

Can I Add Multiple Radio Players to One Page?

Yes, you can add multiple radio widgets to one page.

For example, you can create a page with several recommended stations:

<iframe
  src="https://www.allradio.net/widget/STATION_ID_1"
  width="100%"
  height="120"
  style="border:0;"
  loading="lazy"
  title="Radio player 1 by AllRadio.Net">
</iframe>

<iframe
  src="https://www.allradio.net/widget/STATION_ID_2"
  width="100%"
  height="120"
  style="border:0;"
  loading="lazy"
  title="Radio player 2 by AllRadio.Net">
</iframe>

However, we recommend adding only the most relevant stations. Too many embedded players on one page may make the page slower or less comfortable for visitors.

Why Use an iframe Radio Player?

An iframe widget is one of the easiest ways to add a radio player to a website.

Benefits include:

  • No coding skills required
  • Works on most website builders
  • Easy to copy and paste
  • Does not require installing a custom audio player
  • Keeps the player updated automatically
  • Works for station owners, bloggers, and website managers

If the station information or player design is updated on AllRadio.Net, the embedded widget can reflect those changes without requiring you to edit your website code again.

Troubleshooting

The radio player does not appear

Check that the iframe code was pasted into an HTML or code block, not into a normal text editor.

The widget is cut off

Increase the iframe height. We recommend using:

height="120"

WordPress removed the iframe code

Your WordPress user role may not allow custom HTML or iframe embeds. Try using an administrator account or a trusted iframe plugin.

The player appears, but there is a scrollbar

Increase the iframe height slightly, for example:

height="130"

The player does not start

Some browsers require a user action before audio can play. Visitors may need to click the play button manually.

Frequently Asked Questions

Is the AllRadio.Net radio player widget free?

Yes. The AllRadio.Net radio player widget is free to use.

Do I need coding skills?

No. You only need to copy and paste the iframe code into your website.

Does it work with WordPress?

Yes. Use the Custom HTML block in the WordPress Gutenberg editor.

Does it work with Wix?

Yes. Use the Embed HTML element in the Wix editor.

Does it work with Squarespace?

Yes. Use a Code block and paste the iframe code.

Does it work with Blogger?

Yes. You can paste the iframe code into HTML view or into an HTML/JavaScript gadget.

Can I embed my own radio station?

Yes. Open your station page on AllRadio.Net and click Add to your website to get the embed code.

Can I update my station information?

If your radio station information is outdated, contact the AllRadio.Net team and request an update.

Can I use the widget on a commercial website?

Yes. You can use the widget on personal, community, or commercial websites.

Add a Radio Player to Your Website

Adding a radio player to your website is simple with AllRadio.Net.

Find your station, click Add to your website, copy the iframe code, and paste it into your website.

Start here: https://www.allradio.net