How to embed your Mixcloud profile in your WordPress Blog

Mixcloud is a fantastic online music streaming service that allows you to share your DJ mixes over the internet for free. Unfortunately, most WordPress social media widgets don’t yet seem to support linking to Mixcloud profiles out-of-the-box, so for the time being you might need an alternative solution.

Here is an easy way  to embed your Mixcloud profile in a Widget Area of your WordPress Blog, for example in a sidebar or footer on every page:

  1. Log in to your WordPress Blog as an Administrator.
  2. Go to the Appearance/Widgets admin section.
  3. Choose a suitable Widget Area from those displayed down the right-hand side of the page (e.g. Main Widget Area or Secondary Widget Area). Your Widget Areas may differ depending on the WordPress Theme you are currently using.
  4. Drag and drop a new Text widget from the Available Widgets box into the correct location of your chosen Widget Area.
  5. Enter a suitable Title for the new widget. This will be displayed at the top of the new widget box, so use something like “Follow me on Mixcloud”.
  6. In a new browser window/tab, log in to your Mixcloud account and go to your profile page.
  7. Click on the Embed button.
  8. Adjust the available Options as required.
  9. Once happy with the displayed Preview, select and copy the entire contents of the HTML code box.
  10. Go back to your WordPress Appearance/Widgets window, and paste the HTML code into the main box of your newly created Text widget.
  11. Save the Text widget.
  12. Review your Blog and check that your Mixcloud profile is being displayed correctly in the chosen Widget Area.

The same approach is equally applicable to other Content Management Systems or hand-coded websites. Please bear in mind that JavaScript support is required on the client for the Mixcloud widget to display correctly.

Leave a Reply