You can add music to your site using the Album page, Cover Page, or blocks. Use this guide to choose the best method for presenting your music.
The Album Page works best for displaying a whole album or collection of tracks. You can also display album artwork and add searchable tags and categories.
To add an Album Page, click the + icon in the Pages panel and select Album from the New Page menu.
You can 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 serving as an “Under Construction”/"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.
To add a Cover Page, click the + icon in the Pages panel and choose Cover Page from the New Page menu. View all layout options by clicking Change Layout in the Home Menu.
The blocks below let you add audio to any content area, including:
To learn more about using blocks, visit Adding blocks with Insert Points.
Use the Audio Block to add a single track to your site. You can upload an .mp3 file directly from your computer or from an external file storage like Dropbox.
Tip: The Audio Block is also for podcasts.
Use the SoundCloud Block to embed an audio track hosted on SoundCloud. You can customize the block's display using SoundCloud’s embed settings.
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.
Can I make music play automatically when a visitor opens the page?
If the music is hosted on SoundCloud, you can do this with the SoundCloud Block. Choose the Embed option on the SoundCloud track, click More Options, then check Enable automatic play. Add this code to a SoundCloud Block using the embed option.
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 third-party code modification or addition.