How to embed SoundCloud player to Unicorn Platform
This guide will show you how to upload audio to SoundCloud and embed the player to you Unicorn Platform website.
Create a SoundCloud account or log into your existing account. You can do this by visiting https://soundcloud.com/
Once logged in, click on the "Upload" button at the top of the screen.
Click "Choose a file to upload" and select the audio file from your device.
While your file is uploading, you can add information about your track like the title, tags, description and caption.
After you have added all the relevant information, click on "Save" to finalize your audio upload.
Now, navigate to the track you just uploaded on SoundCloud. Click on the "Share" button below the track.
A new window will pop up. Click on the "Embed" tab.
Choose the player you want to display on your website. You can customize its color and enable or disable automatic play.
After you've customized the player, copy the generated embed code.
Navigate to the page where you want to embed the SoundCloud player. Instert a Custom HTML component where you want the player to be displayed.
Paste the copied SoundCloud embed code in the editor of a Custom HTML component
Make sure to save the changes
That's it!
Step 1: Upload Audio to SoundCloud
Create a SoundCloud account or log into your existing account. You can do this by visiting https://soundcloud.com/
Once logged in, click on the "Upload" button at the top of the screen.
Click "Choose a file to upload" and select the audio file from your device.
While your file is uploading, you can add information about your track like the title, tags, description and caption.
After you have added all the relevant information, click on "Save" to finalize your audio upload.
Step 2: Embed the SoundCloud Player to your Unicorn Platform site
Now, navigate to the track you just uploaded on SoundCloud. Click on the "Share" button below the track.
A new window will pop up. Click on the "Embed" tab.
Choose the player you want to display on your website. You can customize its color and enable or disable automatic play.
After you've customized the player, copy the generated embed code.
Navigate to the page where you want to embed the SoundCloud player. Instert a Custom HTML component where you want the player to be displayed.
Paste the copied SoundCloud embed code in the editor of a Custom HTML component
Make sure to save the changes
That's it!
Updated on: 17/05/2023
Thank you!