Squarespace Background Music plugin
Embed looped ambient audio on your Squarespace website to set the mood, draw visitors in, and make their experience feel more vivid and immersive.
Create Widget for Free
No credit card needed
Trusted by over 3,000,000 small business, agencies and top global brands worldwide
Create your Background Music plugin
Configure your Background Music and add it to your Squarespace website for free!
Screenshots
Embed Background Music on Squarespace with the Elfsight widget
Elfsight Background Audio is an uncomplicated plugin for Squarespace allowing you to playback music tracks straight on the pages of your website. The widget is highly modifiable: you are free to change its placement, setting it in anywhere on the page, change its size, repaint the background and other parts to mingle it with your website’s style, use dark color scheme, show images and show or conceal 4 other player parts, for example progress bar, heading and others. Add as many tracks as you need to engage your users, switch the autoplay on and have no doubt – your users won’t quit your site in a rush!
Make your website more successful for e-commerce objectives with the help of Background Music player
We offer useful and easy features, see some of them:
- Unlimited color alterations
- Dark/light color scheme
- Flexible design
- Two layouts ready for use
- An opportunity to use background image
You can check out the full functionality of the widget in the demo on this page
How to add Background Music to Squarespace website?
Just take the steps presented below to activate the plugin.
- Apply our free configurator and start building your custom-built widget.
Choose the custom look and specifications of the tool and apply the corrections. - Get your individual code appearing in the widow on Elfsight Apps
As soon as the setting up of your personal widget is finished, copy the personal code at the emerged window and save it for later usage. - Start using the background audio on your Squarespace website
Place the code saved before in your page and save the adjustments. - You’re done! The integration is successfully performed
Go your web page to observe how’s the widget running.
If you meet inquiries or clash with some difficulties, don’t hesitate to appeal to our support staff. Our consultants will be delighted to resolve all the questions you might have on the product.
Is Background Music compatible with Squarespace 7.0 and 7.1?
Yes, Elfsight works on all Squarespace versions, including classic 7.0 and the latest 7.1 with Fluid Engine, and it integrates smoothly with any template.
Which Squarespace plans support adding Background Music?
You’ll need a plan that allows custom code. Squarespace’s Business or higher plans are required for embedding JavaScript widgets – Personal/Basic plans don’t support code blocks or header/footer injections for scripts.
What audio file formats are supported?
Elfsight supports all of the following audio file extensions (for uploaded tracks or direct file links): m4a, mp4a, mpga, mp2, mp2a, mp3, m2a, m3a, wav, weba, aac, oga, spx, so most standard audio files will work fine on your Squarespace website.
Can I upload my own music files, or only use links?
Yes, the Elfsight music plugin allows both direct file uploads and adding tracks by URL – you can upload audio files or paste external audio links.
What is the maximum audio file size?
The maximum upload size per audio track is 100 MB, which is sufficient for most high-quality or long music files.
Which audio sources does Background Music support?
Elfsight supports SoundCloud tracks, YouTube (audio from videos), Shoutcast/Icecast streams, and self-hosted audio files.
Do I need any API keys for YouTube or SoundCloud?
No, you don’t need any API key. Just paste the track’s URL into the plugin and it will play it. The Elfsight music plugin handles the integration without requiring you to provide API credentials.
Can I show or hide the playlist on my Squarespace page?
The Background Music plugin can display a playlist of tracks if you want, or you can keep the playlist panel hidden on your Squarespace website for a minimal look.
Can I set shuffle or repeat to be on by default?
Yes, you can preset the plugin to start with Shuffle on (random order) and/or Loop on (repeat enabled) by default when it loads.
Does the Background Music autoplay on page load?
Elfsight offers an autoplay setting. If enabled, it will try to start playing automatically on load. However, most browsers require user interaction before allowing audio.
Can I add a background image to the player?
Yes, you can use a custom background image. The plugin lets you upload an image to serve as the player’s background instead of a solid color.
Will Background Music pause other audio on the device?
On mobile, when the background music plays, it will pause any other audio – for example, if the user had Spotify on – because phones allow only one audio source at once.
Can I add custom buttons to tracks?
Yes, you can enable a dedicated Download button for saving audio files and also add a custom button (e.g., “Buy”) that links to any URL for that track.
Pricing
14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Platform-independent digital solution
from $0 / month
start with a free plan
Unlimited websites
24/7 customer support and well documented
Charge-free installation support
Fully customizable
Special offer for multiple apps