๐ก 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.
A pop-up will appear. Click on the Embed tab at the top and copy the complete code from the Code field.
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.