- Browser settings may prevent autoplay until visitors interact
- Playing audio on mobile can pause other device audio
- The widget depends on an active Elfsight account
Overview
Background Music from Elfsight adds an audio player to a Squarespace page, where visitors can play a playlist of tracks. It is an embeddable widget hosted on Elfsight's platform, rather than native Squarespace code. In the Elfsight editor, you can add tracks by uploading files or using URLs, adjust playback settings such as autoplay, loop and shuffle, and choose whether to show the playlist. The player can use one of two layouts, a light or dark colour scheme, and a background image. You can also change its colours and choose which player elements to display, including the heading and progress bar. This gives you control over how the player looks and which playback options are available.
Who it suits
This widget may suit businesses that want to add music to a page, share a playlist or set an audio mood around their website content. It offers track uploads and URL sources, plus options to adjust the player's appearance and playback. A free plan is available to start with.
One honest caveat
Autoplay is available, but browsers may require a visitor to interact before audio can start. On mobile, playing this widget can pause other audio on the device. Free-tier widgets carry Elfsight branding and monthly view limits; paid plans remove these. The widget is hosted by Elfsight, so it stops showing if the Elfsight account lapses.
Installation
Build the player in Elfsight's online editor by adding tracks and setting its appearance and playback options. Copy the generated embed code, then paste it into a Code Block on your Squarespace page. Later edits in the Elfsight editor update automatically, so you do not need to replace the code for each change.
Related guide: browse more Squarespace gallery and media plugins, or the full Squarespace plugins hub.
The editor includes playback options for autoplay, looping and shuffle. You can choose to show or hide the playlist, and decide which player elements to display. The vendor specifically mentions options such as the heading and progress bar. Autoplay may not start until a visitor interacts, as browsers can restrict automatic audio playback.
There are two layouts to choose from, along with light and dark colour schemes. You can change the player colours, use a background image, and adjust the player's size and placement on the page. These controls let you make the player more noticeable or keep its appearance simpler, depending on the content around it.
This is an embeddable widget hosted on Elfsight's platform, not a native Squarespace feature. Build and configure it in Elfsight's editor, then paste its embed code into a Squarespace Code Block. Changes made later in the editor update automatically. The free plan is a way to try the widget, but free-tier widgets carry Elfsight branding and monthly view limits. Paid plans remove those limits and branding. The widget stops showing if the Elfsight account lapses.
- Add tracks by upload or URL
- Autoplay, loop and shuffle settings
- Show or hide the playlist and player elements
- Two layouts, colour schemes and background image option
- Free plan with Elfsight branding and view limits
Full specifications
Specifications
Autoplay, loop and shuffle settings
Show or hide the playlist and player elements
Two layouts, colour schemes and background image option
Free plan with elfsight branding and view limits
Sites sharing a playlist of audio tracks
Brands using audio to set a page's mood
Site owners wanting control over player appearance
Playing audio on mobile can pause other device audio
The widget depends on an active elfsight account