Adding music to your site

Share your music with fans on your musician or band site.

Last updated August 6, 2024

You can add music to your site using audio blocks or embed blocks. Use this guide to choose the best method for presenting your music.

Tip

If you're a musician or in a band, visit Building a musician or band site to learn how to connect your social media platforms and sell merchandise.

Use blocks

With the blocks listed below, you can add audio to any block content area, including:

To learn more about using blocks, visit Adding content with blocks.

Audio block

Use the audio block to add a single track to your site. You can upload an .mp3 or .m4a file directly from your computer, or add a URL from a cloud storage platform.

Tip

You can also use the audio block for podcast episodes.

Embed block

Use the embed block to add audio from third party services, like Spotify or Stitcher. Copy code from the service, then add it to your embed block. If the embed block doesn't work, try using a code block.

SoundCloud block

Use the SoundCloud block to embed an audio track hosted on SoundCloud. You can customize the block's display using SoundCloud’s embed settings.

Video block

Use the video block to to share a music video or music uploaded as a video file. You can add videos hosted on YouTube or Vimeo.

Play music automatically

To make music play automatically when a visitor opens a page, use a SoundCloud block:

  1. Click Share on the SoundCloud track, then click the Embed tab.
  2. Check Enable automatic play.
  3. Add this code to a SoundCloud block using the embed option. If a visitor's browser settings allow media to auto-play, your track will play when they open the page.

Note

Newer versions of some browsers block all autoplay audio by default. Your visitors may be able to adjust their browser's settings to allow autoplay.

We don't have an option for auto-playing music from other sources, and it's only possible with custom code. Because using custom code on Squarespace is an advanced modification, we're unable to offer support or troubleshooting for this or for any code-based customization.

Sell downloadable music

You can sell downloadable music as a download product on your site using Squarespace commerce. To get started with commerce, watch our commerce video series for version 7.1 or version 7.0.

Embed a Spotify playlist

Use an embed block to add a Spotify playlist so visitors can stream music directly from your Squarespace site.

  1. In the Spotify desktop app, go to the playlist you want to embed.
  2. Click the ... icon under the playlist title.
  3. Hover over Share, then click Embed playlist.
  4. Set the color and size for your embedded playlist, then click Copy.
  5. On your Squarespace site, go to the page where you want to add the playlist.
  6. Add an Embed block.
  7. In the block editor, click </> to the right of the text field.
  8. Paste the playlist embed code into the Add Code... text field.

Note

Custom code modifications fall outside the scope of our support. This means that we’re unable to help further with setup or troubleshooting. Additionally, with a code-based solution, we can’t guarantee its functionality or full compatibility with Squarespace. This includes how it functions with our responsive design, particularly its appearance on mobile devices, and if it functions on all templates. Custom code can also cause display issues with future updates to our platform. While we can't help further, there are many resources that can point you in the right direction:

Use album or cover pages (version 7.0)

Album page

Album pages work best for displaying a whole album or collection of tracks. You can also display album artwork and add searchable tags and categories.

KB Guide Image

Cover page

Use a cover page to present an album or audio track as an introduction to your site. Cover pages also work well for single-page sites, new music announcements, or “Under Construction” or "Coming Soon" pages.

Some layouts designed for audio highlight a single track, while other display a complete playlist. For example, the Tour layout displays one track at a time with controls to skip to the next or previous track.

KB Guide Image
Footer Image
  • Get help from our community

  • Get help from our community on advanced customizations.

  • Hire a Squarespace Expert

  • Stand out online with the help of an experienced designer or developer.