How to embed Soundcloud

💡 Want to learn more? Check out our article All about the Embed element.

In Soundcloud, go to the audio file you want to embed and click on Share.

1-Jan-27-2025-02-40-08-1636-PM

A pop-up will appear. Click on the Embed tab at the top and copy the complete code from the Code field.

2-Jan-27-2025-02-40-24-0293-PM

Paste this code in your notes to temporarily store it. The code will look something like this:

<iframe width="100%" height="300" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/832393456&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/example" title="Example" target="_blank" style="color: #cccccc; text-decoration: none;">Example</a> · <a href="https://soundcloud.com/example/chronicles" title="Chronicles" target="_blank" style="color: #cccccc; text-decoration: none;">Chronicles</a></div>

From this code, you have to extract the first URL between the " ". From the example above, we have copied the following URL:

https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/832393456&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true

Copy this URL and go to your Foleon Doc. Add an embed element to your column and paste this URL in the URL field. If the URL is correct, a preview of the Soundcloud embed will be visible. Click on Save to add it to your page.

💡 Learn how to style your embed with the element settings in our article All about the Embed element.

3-Jan-27-2025-02-40-41-3011-PM