Skip to main content

How to display and listen to Soundcloud songs, albums and playlists

Embed music and audio content from Soundcloud on your uSkinned Site Builder website using one of the many embed HTML options provided.

Get the Soundcloud embed code

Step 1

Go to any Soundcloud song, album, playlist or podcast. In our example, we'll share a song.

Step 2

On the right, click the '...' icon.

Step 3

In the popover window, select 'Share' > 'Embed'.

Step 4

Configure the settings provided to suit your needs, then click 'Copy code'.

Step 5

Log in to the uSkinned Site Builder CMS.

Step 6

Create or go to any page.

Step 7

At the label, 'Main Content', click to 'Add content'.

We'll now show you the various ways you can display and listen to Soundcloud with uSkinned for Umbraco.

Display and listen to Soundcloud with the Embed Code component

Step 1

In the slide-out panel, select 'Embed Code'.

Step 2

At the label, 'Code', paste the Soundcloud embed code into the field provided.

Step 3

Hit 'Submit' in the bottom right and then 'Save and publish' the page to show the song on your website.

Soundcloud song example

More ways to display and listen to Soundcloud songs, albums, playlists or podcasts

There are a variety of places you can embed Soundcloud on your uSkinned Site Builder website.

You can try this out using the same steps for:

— Pods component > Embed Code
— Split component > Embed Code block
— Global components > Embed Code
— Global pods > Embed Code
— Extra Content pods > Embed Code
— Footer pods > Embed Code

#h5yr

uSkinned Site Builder

Get started — for FREE!

Join thousands of agencies, freelancers & businesses of all sizes worldwide who use uSkinned Site Builder for Umbraco to deliver results.