Music Apps: Adding and Setting Up SoundCloud

Share your favorite music from SoundCloud on your site. The app 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.

Step 1 | Add the SoundCloud app

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

1. Go to your editor.

2. Click Add Apps

   

   on the left side of the editor.

3. Search for the SoundCloud app in the search bar.

4. Click Add to Site.

1. Click Agree & Add to confirm.

Studio Editor

1. Go to your editor.

2. Click App Market

   

   on the left side of the editor.

3. Search for the SoundCloud app in the search bar.

4. Click Add to Site.

1. Click Agree & Add to confirm.

Dashboard

1. Go to the Wix App Market in your site's dashboard.

2. Search for the SoundCloud app in the search bar.

3. Click Add to Site.

1. Select the relevant site and click Continue.

2. Click Agree & Add to confirm.

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.

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.

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.

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.

Troubleshooting SoundCloud player issues

Click an issue below to learn how to solve it:

You see an error message in the editor

You may see the following message on the SoundCloud player in the editor:

To resolve this, make sure you have turned on the "display embed code" option in your permission settings at Soundcloud.com.

Tip: You can test this by entering your Soundcloud track URL in an incognito window on your browser.

Music isn't playing

If you are embedding HTML code to the SoundCloud Player, make sure that autoplay is unchecked in the embed settings at Soundcloud.com:

Learn more about browsers and autoplay.

What information should I include if I need to reach out for assistance?

For us to best assist you, it helps to have the following information ready:

• The name and version of the web browser you're using

• The name and version of your computer's operating system

• A description of the steps you've taken and what happened

• A screenshot of the issue

• A screenshot of your console view (see below for steps)

How do I take a screenshot of my console view?

1. Open an incognito window in Google Chrome (Ctrl + Shift + N).

2. Sign in to Wix and open your editor.

3. Go to the area where you noticed the issue and try to repeat the steps.

4. Press Ctrl + Shift + J (PC) or Cmd + Option + J (Mac) to open the Console.

   Tip: If the shortcut doesn’t work, right-click the page and select Inspect.

5. Click the Console tab at the top, then press F5 to refresh the page.

6. Take a screenshot of this tab.

This article is credited to the Wix team - https://support.wix.com/ and we thank them for that!