Skip to main content Skip to footer

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

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

Get the Deezer embed code

Step 1

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

Step 2

Go to any Playlist in Deezer and copy the URL.

The URL should look similar to this:

Step 3

Go to the Deezer widget portal ( and paste the URL into the field provided. 

Step 4

Configure the settings provided to suit your needs, then scroll to the bottom to copy the embed 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 Deezer with uSkinned for Umbraco.

Display and listen to Deezer with the Embed Code component

Step 1

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

Add a modular component with uSkinned for Umbraco.

Component options with uSkinned.

Step 2

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

Paste your embed code.

Step 3

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

Deezer playlist example

More ways to display Deezer songs, albums, playlists or podcasts

There are a variety of places you can embed Deezer 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


Step 1

Sign up

Start a free trial of Site Builder.

Step 2


Tailor the look and feel with the Visual Designer to suit your brand.

Step 3


Add content with built-in eCommerce and third-party integrations.

Step 4


World-class and secure hosting backed by Microsoft Azure.