How to add Mixcloud widgets to your website

Bloggers, DJs and podcasters: did you know you can embed Mixcloud widgets on your website?

Mixcloud widgets are really simple to use and they come in a variety of shapes and sizes, depending on what you’re embedding and how you want the cloudcasts to appear on your website.

Currently you can only access widgets using a desktop computer, but don’t fret: if you spot something on Mixcloud using one of our smartphone apps, simply save it to your favourites so you can easily find it next time you’re on a computer.

OK, so here’s what you need to know:

Firstly, you’ve probably noticed the ‘share’ button on profile pages and cloudcast pages.

mixcloudshare

This is where you’ll find the widget menu. Select the ‘share’ button and choose ‘embed’, and away you go:

Player Widget

Player widgets come in three styles: picture, classic and mini.


This is the classic style.

This menu also gives you options to customise the widget:

  • You can decide to format the embed code for WordPress or HTML. Note: if you self-host your WordPress blog, you might need to install additional plugins for the embed code to work properly.
  • Select ‘more options’ to open the advanced settings. Here you’ll have the option to hide the artwork, select autoplay and choose a fixed width.

You can also embed multiple cloudcasts in one player widget, like this:


You’ll find this option when you choose to ‘share’ a profile or a playlist. Sharing a playlist is a great way to curate a selection of shows and embed them all in a single player on your website.

Users on your website will be able to navigate through the playlist by selection the “up next” button on the widget:


The player will automatically update when new cloudcasts are available in the selected profile or playlist.

Profile Widget

The profile widget is ideal for DJs, podcasters and radio stations who want to grow their following on Mixcloud.

Visitors to your website can click to ‘follow’ your profile without needing to visit the Mixcloud website, assuming they’re already logged into the platform.


As before, you can toggle the WordPress and HTML formatting on and off, as well as specify the width of the widget.

You also have the option to hide the follower count in the widget. This is useful for new profiles who are still growing their follower base.

How to embed a Playlist or a Multi-Cloudcast Widget

Do you have lots of amazing Cloudcasts you want to share with the world in one go? Fear not, the Multi-Cloudcast Widget is here to help. Our new feature allows you to embed multiple Cloudcasts across the web if you collect them under a Playlist. It’s really easy to set up too. Firstly, you need to select the playlist you’d like to embed: Screen Shot 2014-04-09 at 11.56.01

Then you’ll see the Share button:

playlist share button

Customise the look and feel of the widget just like with any other Player widget (click here if you don’t know how), If you want to display the mixes included in the playlist just click on  ‘Up Next’:

Up Next

Finally, you can see your actual playlist with your widget code and share it:

share and embed

If you simply want to embed all your uploads, simply click on ‘Share’ under your profile description like in the image below and then click on ‘Embed Player’:

share all uploads

This will then enable you to embed all of your uploads in one go too and share it in the simplest way:

share all uploads