Help Centre

Support > Designing and Building Your Website > Adding Your Content

How to Embed SoundCloud Content to Your Website

SoundCloud cloud logo

Jump to Section


What is SoundCloud?

SoundCloud is an online tool for uploading, recording, promoting and sharing your own audio clips. They have become renowned for becoming a social platform focused around music and sounds, making it easier to communicate directly with Creators, and offering a new avenue for creatives to monetise their projects. 

Whether you are sharing music, audio samples or podcasts, SoundCloud offers a collection of powerful features to help you share with your audience. 

You can embed SoundCloud audio content on your Create website using HTML fragments. Here’s how to include a SoundCloud track on your website:


How to Retrieve Soundcloud’s Embed Code

  1. Log in to your SoundCloud account

  2. Use the SoundCloud search to locate the music or podcast you would like to embed

  3. Click the Share icon located below the track or podcast

  4.  Click the Embed tab to display the embed options provided

Soundcloud Embed Options

  1. There are various settings to allow you to customise how the track will display

  2. Copy the code supplied to you in the Code box using the copy function of your device.


How to Create an HTML fragment for your SoundCloud Track

  1. Log in to your Create account

  2. Select Content on the top menu

  3. Click HTML fragments from the left-hand menu

  4. Click on the green Add HTML Fragment button at the top of the screen

  5. In the Description box, enter a clear title for your HTML Fragment. This is just for you reference and will not appear on your site

  6. Paste the embed code into the large HTML Code box

Building a Soundcloud HTML Fragment for your website

  1. Click the Add HTML Fragment button

You will be returned to the HTML Fragments screen where your new fragment will now be listed


How to Place the SoundCloud HTML Fragment on Your Website

  1. Click on Content in the top menu

  2. Locate the page you wish to place the audio on and select Edit this Page to the right (Pencil icon)

  3. Click the +Add Block button 

  4. In the Block Selector Panel and click the Custom filter

  5. Click, drag and drop one of the Custom Blocks onto your page

  6. Hover your cursor over the Custom Block and Click the + icon above the placeholder

  7. Use the drop-down menu to select HTML Fragment

  8. Select the Settings icon which will have replaced the previous + icon

  9. From the drop-down, select the SoundCloud HTML fragment you created

Website HTML Fragment Custom Block

  1. Once done, click the Save icon in the bottom left corner 

You can now preview and/or publish your site to see your fragment in action

More Questions?

If you have any further questions, please get in touch and we will be happy to help.

Get in Touch