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

You can use the SoundCloud Block to embed tracks, playlists, and profiles 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.

Step 1 - Add the SoundCloud Block

  1. Open a page or post editor.
  2. Click an Insert Point or the +.
  3. Select SoundCloud from the menu.
  4. For more detailed steps, visit Adding blocks.

Step 2 - Add content

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

Via a URL

  1. Find the URL of a profile, a playlist, or a track.
  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 Block will display on the page.

Via embed code

For more control over how the track will display, you can use embed code 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.
  5. On your Squarespace site, double-click the SoundCloud Block to open the editor.
  6. Click the embed icon.

  1. Paste your code into the Edit Embed Data window, and click Set to save your changes.
Tip: You can also use the embed code to make the music play automatically when a visitor loads the page. Click the Embed tab on the SoundCloud track, scroll down and click More Options, then check Enable automatic play. Add this version of the code to the Edit Embed Data window, then click Set to save your changes.


Step 3 - Resize the SoundCloud Block (optional)

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

Step 4 - Customize the design (optional)

The SoundCloud Block has a standard design that can't be customized. However, if you have coding knowledge you can use the embed option for more control over how the SoundCloud audio displays. 

You can also 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: Using embed code from SoundCloud is an advanced modification that falls outside of the scope of Squarespace support.
Was this article helpful?
47 out of 84 found this helpful
Using SoundCloud Blocks