Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Adding music to your site

You can add music to your site using audio blocks, embed blocks, or the album page. How you add music depends on which version your site is on. 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 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 upload videos hosted on YouTube, Vimeo, Animoto, or Wistia.

Play music automatically

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

  1. Choose the Embed option on the SoundCloud track.
  2. Click More Options.
  3. Check Enable automatic play.
  4. 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. Since 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 digital 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 computer app, go to the playlist you want to embed.
  2. Click the ... icon under the playlist title.
  3. Hover over Share, then click Copy Embed Code.
  4. On your Squarespace site, go to the page where you want to add the playlist.
  5. Add an Embed block.
  6. In the block editor, click </> to the right of the text field.
  7. 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.

Cover page

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

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.

Was this article helpful?
117 out of 286 found this helpful