Embeds
Web
Walkthrough
How to embed a player on your radio station's website

How to embed a player on your radio station's website

October 2nd, 2023

Locking in as easy as copy and paste

Once you've gotten your stream up and going (hopefully with Radio Cult!) you need somewhere for your fans to listen in. If you did sign up with Radio Cult then your listeners can listen on the Radio Cult mobile app. However, you still need somewhere online for your web listeners to tune in from.

You can build a web player yourself or use a Radio Cult embed to get your station streaming through your website. Let's start with a Radio Cult embed as that's by far the easiest.

Radio Cult player embed

Getting your station up and running with a Radio Cult player embed couldn't be any easier. If you're an existing Radio Cult customer then head over to the Player Embed page on the Radio Cult platform. Else, check out our embeddable components.

On this page you will see an interactive example of your player embed. This interactive player will update as your adjust all the theme options we provide. As you change the theme the HTML code will update in real time as well. This HTML code is what you use to embed the player onto your website.

Our embeds work across any tech stack — whether you use a web builder like Wix or Squarespace, if you use a CMS like WordPress or if you hand rolled your entire site with React or Vue. As our embeds are pure HTML iFrames they can be be used anywhere.

Web builder

Our embeds are particularly helpful for websites built with web builders. Let's walk you through how you can embed our player into a Squarespace site.

  1. In the section where you want your player embed to show click “+” to create a new block

  2. Choose the “code” option

  3. Copy and paste the Player embed code from Radio Cult into the Squarespace block. You may need to adjust the width and height of the iFrame to fit the embed into your existing content

WordPress

Our embeds also support WordPress site and are just as easy to use there.

  1. Select “+” to create a new block

  2. In the search box, search for “code” and then select “Custom HTML”

  3. Copy and paste the Player embed code from Radio Cult into the block. You may need to adjust the width and height of the iFrame to fit the embed into your existing content

Custom site

If you have hand-rolled your own site using a framework like Vue, React, Svelte or if you're using vanilla HTML, JS and CSS then we can safely assume you know how HTML works.

Simply copy and paste the HTML iFrame code from Radio Cult into the correct spot in your code. You may have to change some property names due to different HTML naming conventions frameworks like React prefer.

Custom audio player

If you want your player to match your design 100% then you will probably need to build your own web audio player. If you build your own player you will have full control over what it looks like.

The good news is that it isn't too hard to build your own player if you have some technical knowledge. Simply render an HTML audio element with the src property set to your Radio Cult streaming URL. You can use CSS and JS to customise the styling and functionality of the audio element.

Create your own online radio station and start streaming today!

Click here to try Radio Cult for free - the streaming platform designed for independent and community radio.

Download the Radio Cult app on iOS and Android to listen to that original pirate material 24/7.

Find us on Instagram, Twitter and join our Discord to follow along with our journey and suggest features.

Create your online station and
start streaming today

Try for free