How to Add Music Players to Your Squarespace Website

Showcase Your Tunes and Engage Visitors


Whether you're a recording artist looking to showcase your work or just a music junkie (like me) who wants to share what you're currently listening to, adding music to your site is a fantastic way to connect with your audience. And, as a bonus, having audio on your site keeps visitors around longer—which search engines love. The longer people stay on your site, the better it can be for your SEO and page ranking. I call that a win-win!

The good news? Adding music to your Squarespace website is super simple. That's one of the reasons why Squarespace is such a popular choice for musician websites. In this post, I'll walk you through the different ways you can add music to your site, the pros and cons of each method, and how to maximize your streams and monetization.


Squarespace’s Built-In Music Block: Easy, Quick, and Direct

Squarespace has an integrated Music Block that makes uploading audio files a breeze. With it, you can upload your MP3, add the artist's name, and voilà! Visitors can now listen to your music directly on your website without needing to go anywhere else.

Here's how it works:

  1. Go to the page where you want to add your music.

  2. Click the Add Block button and select the Audio Block.

  3. Upload your MP3 file and enter the song and artist details.

  4. Choose from a Light or Dark theme for the player (with minimal design customization options).

It's that simple! The built-in music player is perfect if you want to have full control over when your audience gets to hear your latest work. You can release new music whenever you want, without having to wait for streaming platforms or distributors to process the upload. Plus, it gives visitors a reason to stick around your website a bit longer.

Add as many custom tracks as you like with the Squarespace Audio Block

Pros of the Squarespace Audio Block:

  • Full Control: Upload and release new music anytime you want.

  • Easy to Use: No complicated setup—just upload your audio and go.

  • Direct Play: Visitors can play your music directly on your website, making it great for sneak peeks or exclusive content.

Cons of the Squarespace Audio Block:

  • Limited Design Options: Unfortunately, there aren't many styling choices built into the Music Block. You can choose between a Light or Dark theme, but that's about it. If you want more customization, you'll need to add a little CSS. (Want to pimp out your Squarespace music players with some simple CSS? Check out this tutorial from Becca Harpain at Inside the Square).

  • No Stream Monetization: While visitors can stream your music directly on your site, those streams won't count toward your numbers on streaming platforms like Spotify, Apple Music, or Amazon Music. That means they won't contribute to your algorithm or your stream count and, unfortunately, they won't be monetized.


How to Embed Music Players from Streaming Platforms (Spotify, Apple Music, etc.)

We all know how important monetization when you release music.

Sp. If you want to get credit for every play, boost your numbers, and monetize your streams, embedding music players from your favorite digital streaming platforms (DSPs) is the way to go. Embedding players from Spotify, Apple Music, or Amazon Music means those streams are counted on their respective platforms, which can help with both visibility and earnings.

Here's how to embed music players from major DSPs onto your Squarespace website:

 
 

Embedding a Spotify Music Player

  1. Go to Spotify and navigate to the track, album, or playlist you want to embed.

  2. Click the three dots next to the song or album and select Share > Copy Embed Code.

  3. In your Squarespace page editor, add a Code Block where you want the player to appear.

  4. Paste the embed code from Spotify into the Code Block, and the Spotify player will appear on your page.

Embedding an Apple Music Player

  1. Visit Apple Music's embeddable tools page (https://tools.applemusic.com).

  2. Search for the song, album, or playlist you want to add.

  3. Click Generate Embed Code, and Apple will provide the necessary code.

  4. In Squarespace, add a Code Block and paste the embed code from Apple Music into the block.

Embedding an Amazon Music Player

  1. Open Amazon Music and find the song or album you'd like to feature.

  2. Click the three dots and select Share > Embed Player.

  3. Copy the embed code and paste it into a Code Block on your Squarespace site.

By embedding these players, you can ensure that every stream on your website is counted toward your overall stream count, giving you more visibility on these platforms and ensuring you get paid for those plays.


What About Podcasts?

If you're hosting a podcast, the process for embedding it on your Squarespace website is similar to embedding music players. Platforms like Spotify and Apple Podcasts also allow you to embed their podcast players directly on your site, which is perfect for keeping listeners engaged without navigating away from your site.

Two men recording a podcast  that they will host on their squarespace website.

Embedding a Podcast from Spotify:

  1. Go to your podcast episode on Spotify.

  2. Click the Share button and select Copy Embed Code.

  3. Use a Code Block in Squarespace and paste the code to embed the player.

Embedding a Podcast from Apple Podcasts:

  1. Go to Apple Podcasts and find your podcast episode.

  2. Use the Copy Embed Code feature and paste it into a Code Block in Squarespace.


Final Thoughts: The Best Way to Showcase Your Music

Adding music to your Squarespace site is a great way to engage visitors and share your work. Whether you're releasing a new track using the built-in Music Block or embedding a DSP player to track streams and earn revenue, there's a solution for every musician or music lover.

For artists focused on monetization, embedding players from streaming platforms is the better choice, as it counts plays toward your stream total and helps boost visibility on Spotify, Apple Music, and Amazon Music. For exclusives, sneak peeks, or website-only tracks, the Music Block offers a quick and easy way to give your audience direct access.


Ready to build your website for your
next music release?

If you're preparing to launch new music and want a website that perfectly showcases your tracks, let's talk! I specialize in building beautiful, professional websites on Squarespace that highlight your music, engage fans, and ensure every stream counts. Reach out today, and let's get your new release site ready to go!


Previous
Previous

The Ultimate Squarespace Website Launch Checklist:

Next
Next

The Role of Visual Branding in Web Design