Help Centre

Jump to Section

• What is SoundCloud?
• How to Retrieve Your Track’s Embed Code
• How to Create an HTML fragment for your SoundCloud Track
• How to Place the SoundCloud HTML Fragment on Your Website

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
   
   

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

6. 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
   
   

7. 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
   
   

11. 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