- Autoplay may require visitor interaction due to browser rules
- Track details depend on metadata from the radio stream
- The player relies on an active Elfsight account
Overview
Radio Player from Elfsight lets you add a live radio stream to a Squarespace page, with a player visitors can use to listen and, if you add multiple stations, switch between them. It is an embeddable widget hosted on Elfsight's platform, not native Squarespace code. Build and adjust it in Elfsight's online editor: add stations, choose between two layouts, set colours or a dark or light scheme, and add a background image. You can adjust the player's size and placement, enable autoplay, and show or hide interface details such as the heading, playback status and artwork. If the stream supplies metadata, the player can also display the current track title and artist.
Who it suits
This widget may suit radio stations that want listeners to play a live stream from a Squarespace page, or site owners who want to offer a choice of stations. You can style the player and choose which interface details to show. A free plan is available to start with.
One honest caveat
Autoplay may not start until a visitor interacts with the page, because browser rules can restrict playback. Current track details appear only if the radio stream provides metadata. The free tier carries Elfsight branding and monthly view limits; paid plans remove those. The player is hosted by Elfsight, so it stops showing if your Elfsight account lapses.
Installation
Build the player in Elfsight's online editor, add your radio streams and set its appearance and playback options. Copy the embed code generated there, then paste it into a Code Block on your Squarespace page. Later edits made in the editor update the embedded player automatically.
Related guide: browse more Squarespace gallery and media plugins, or the full Squarespace plugins hub.
In Elfsight's editor, choose one of two layouts and adjust the size and placement. You can set colours, use a dark or light colour scheme, or add a background image. The editor also lets you show or hide parts of the interface, including the heading, playback status and artwork.
Autoplay is available as an option, though browser rules may require a visitor to interact with the page before playback begins. If the connected radio stream provides metadata, the player can display the current song title and artist. Without stream metadata, those details are not available from the player.
This is an embeddable widget hosted on Elfsight's platform, not native Squarespace code. Create it in Elfsight's online editor, then paste its embed code into a Squarespace Code Block. Changes you make later in the editor update the embedded player automatically. The free tier includes Elfsight branding and monthly view limits, while paid plans remove those. The player stops showing if the Elfsight account lapses.
- Add multiple stations with a built-in station selector
- Choose from two layouts and dark or light colours
- Add a background image and adjust player size
- Show or hide player details and enable autoplay
- Free plan with Elfsight branding and view limits
Full specifications
Specifications
Choose from two layouts and dark or light colours
Add a background image and adjust player size
Show or hide player details and enable autoplay
Free plan with elfsight branding and view limits
Websites offering visitors a choice of stations
Squarespace site owners adding audio content
Businesses styling an embedded radio player
Track details depend on metadata from the radio stream
The player relies on an active elfsight account