Add Music to Your Website: Audio Block and Sharing Options

Add Music to Your Website: Audio Block and Sharing Options

By Michael Turner

March 11, 2025 at 01:16 AM

Add audio content to your site using these Squarespace blocks:

Audio Block

  • Upload .mp3 or .m4a files directly
  • Add music from cloud storage URLs
  • Works in pages, posts, footers, events, and sidebars

SoundCloud Block

  • Embed SoundCloud tracks
  • Customize display settings
  • Enable auto-play functionality

Embed Block

  • Add music from Spotify, Stitcher, and other platforms
  • Paste embed codes to display content
  • Alternative: Use code block if embed doesn't work

Video Block

  • Share music videos
  • Add content from YouTube or Vimeo
  • Display video-format music files

Add Spotify Playlists

  1. Access playlist in Spotify desktop app
  2. Click "..." under playlist title
  3. Select Share > Embed playlist
  4. Copy the generated code
  5. Add Embed block to your page
  6. Paste code in the block editor

Sell Music Downloads

  • Set up downloadable music as products
  • Use Squarespace commerce features
  • Make tracks available for purchase

Screenshot of Squarespace website features menu

Screenshot of Squarespace website features menu

Version 7.0 Specific Features:

Album Pages

  • Display full albums or track collections
  • Add album artwork
  • Include searchable tags and categories

Cover Pages

  • Showcase single tracks or albums
  • Perfect for new music announcements
  • Available in various audio-optimized layouts

Squarespace support article attachment document

Squarespace support article attachment document

Note: Auto-play features are limited to SoundCloud blocks. Custom code modifications require advanced knowledge and aren't supported by Squarespace support.

Related Articles

Previous Articles