Music Apps: Adding and Setting Up a SoundCloud Player

5 min read
Share your favorite music from SoundCloud on your site. This customizable player makes it easier than ever to display tracks, playlists and podcasts. Just paste a URL or embed code from SoundCloud into your player and connect.
A screenshot of a live site with a SoundCloud player.

Step 1 | Add the SoundCloud player

First add the SoundCloud app to your site. Afterwards, you can link to your music and customize the player's settings and design.
Wix Editor
Studio Editor
Dashboard
  1. Go to your editor.
  2. Click Add Elements  on the left side of the editor.
  3. Click Video & Music.
  4. Click SoundCloud Player.
  5. Drag the player onto your page.
A screenshot showing the Add panel with the SoundCloud Player highlighted.

Step 2 | Add the SoundCloud URL or embed code

Next, retrieve the URL or embed code of the track, album or playlist, and add it to the player on your site.

To add a SoundCloud URL or code:

  1. (In your SoundCloud account) Search for the music you want to add.
  2. Click Share.
  3. Click Share or Embed.
A screenshot of the Share and Embed options in SoundCloud.
  1. Copy the URL or code.
  2. (In your editor) Click the SoundCloud player.
  3. Click Settings.
  4. Paste the URL or code.
  5. Click Confirm.
A screenshot of the confirm button in the Settings tab.

Step 3 | Set up your player

Now it's time to choose what your SoundCloud player shows to visitors. You can display how many times the song has been played and any comments left by SoundCloud users. 

To adjust the player's settings:

  1. Click the SoundCloud player in your editor.
  2. Click Settings.
  3. Click the relevant toggle to show or hide the play count and comments.
A screenshot of the settings tab with the toggles highlighted.

Step 4 | Design your player

Lastly, customize your SoundCloud player's look to best compliment your site's design.

To customize the player's design:

  1. Click the SoundCloud player in your editor.
  2. Click Settings.
  3. Click Design.
  4. Choose what you want to customize:
    • Choose a layout: Select a layout that works best for you.
    • Color: Chose a color for the play button of your SoundCloud player.
A screenshot of the SoundCloud design options.

Troubleshooting SoundCloud player issues

Click an issue below to learn how to solve it:

Still need help?

If the problem persists, contact us and we will be happy to help. Please include the following information:
  • The name and version of the web browser you're using.  
  • The name and version of your computer's operating system.
  • A screenshot of your console view using the steps below:
    1. Open an incognito window in Google Chrome (Ctrl + Shift + N).
    2. Sign in to Wix and try to open your Editor. 
    3. Use the keyboard shortcut Ctrl + Shift + J (on PC) or Cmd + Option + J (on Mac).
    4. Click the Console tab at the top of the panel and refresh the page (F5).
    5. Take a screenshot of this tab.

Did this help?

|