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

Use SoundCloud Blocks to embed tracks, playlists, and profile content from SoundCloud.

On mobile devices, visitors can play tracks in their mobile browser by tapping Listen in browser on the SoundCloud Block. The SoundCloud app isn't required.

Tip: SoundCloud Blocks won't work for podcasts. Use Audio Blocks instead.

Add a SoundCloud Block

To add a SoundCloud Block:

  1. Click Edit on a page or post.
  2. Click an insert point or the + icon.
  3. Select SoundCloud from the menu. For more detailed steps, visit Adding blocks.

Add content

You can add content to the SoundCloud block in two ways:

Option 1 - Via a URL

  1. Find the URL of a track, a playlist, or a profile.
  2. Copy and paste the URL into the SoundCloud Block.
  3. If the URL is correct, you'll see a Successfully Located message, and the SoundCloud content will display on the page.

Successfully Located appears after adding an embeddable URL to the SoundCloud Block.

Option 2 - Via embed code

For more control over the content, you can use embed codes generated by SoundCloud:

  1. On SoundCloud, find the track you'd like to embed.
  2. Click Share.
  3. Click the Embed tab.
  4. Copy the embed code that appears. To set the code to play music automatically when visitors load the page, see Enable automatic play.
  5. On your Squarespace site, click Edit on the SoundCloud Block.
  6. Click the embed icon.

Click the embed icon to add the SoundCloud embed code.

  1. Paste your code into the Edit Embed Data window, then click Set to save your changes.
Note: SoundCloud Blocks have a standard design that can't be customized. However, if you have coding knowledge, you can use this option for more control over how SoundCloud audio displays. Using embed codes from SoundCloud is an advanced modification that falls outside of the scope of Squarespace support.

Enable automatic play

You can use the embed option to make the music play automatically when a visitor loads the page:

  1. On SoundCloud, click the Embed tab on the track.
  2. Scroll down and click More Options.
  3. Check Enable automatic play.
  4. Add this version of the code to the Edit Embed Data window on Squarespace.
  5. Click Set to save your changes.
Note: Newer versions of some browsers block autoplay.

Resize SoundCloud Blocks

You can resize SoundCloud Blocks horizontally with Spacer Blocks and vertically using the cropping handle. To learn more, visit Resizing Blocks.

Was this article helpful?
47 out of 87 found this helpful
Using SoundCloud Blocks