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 on 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 a Custom HTML Integration for your SoundCloud Track

  1. Log in to your Create account

  2. Select Content on the top menu

  3. Click Integrations from the left-hand menu

  4. Click on the green Add Integration button at the top of the screen and select Custom HTML

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

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

  1. Click the Add Integration button

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

 

How to Place the SoundCloud HTML 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 Add Element button 

  7. Use the drop-down menu to select Integration - select the Soundcloud HTML from the list

  8. A placeholder image will be added to the block. This is where the Soundcloud player will display on the live page.
  1. Once finished, click the Save icon

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

More Questions?

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

Get in Touch