header-logo
Getting started with WixBuild your website and business with Wix. Try using our AI tools to create your website, customize templates, or hire professionals to build or enhance your online presence.
Creating a websiteRead how to use the Wix Editor and manage content on your site. Discover how to protect your visitors' privacy and make your site accessible.
Account & billingReview your account settings, manage your subscriptions and plans and understand your invoices.
Using the Wix mobile appsUse our mobile apps to run your business efficiently on the go and set up a dedicated app for your site members to stay in touch.
Connecting a domainFollow our step-by step guides to learn how to purchase, connect or transfer a domain for your site, and find out how to keep your site’s data secure.
Managing your businessGet tools to grow your business and web presence. Find the right tools for your specific needs, set up online payments and keep track of your site's analytics.
Promoting your siteLearn to make your site more visible promoting it on search engines, sending emails and running paid ads. Improve your online presence with practical tips.
Studio, Partners & EnterpriseGet the most out of your Studio or Enterprise account with advanced features that'll help you work more efficiently.
Need more help?Find solutions for site performance and technical issues, learn about issues we’re working to fix or contact us for help.
placeholder-preview-image
Wix LearnImprove your skills with our courses and tutorials.
Wix BlogGet tips for web design, marketing and more.
SEO Learning HubLearn to increase organic site traffic from search engines.
Website developmentBuild a custom site using our full-stack platform.
Hire a ProfessionalGet matched with a specialist to help you reach your goals.
placeholder-preview-image
In this article
  • Step 1 | Add the SoundCloud app
  • Step 2 | Add the SoundCloud URL or embed code
  • Step 3 | Set up your player
  • Step 4 | Design your player
  • Troubleshooting SoundCloud player issues

Music Apps: Adding and Setting Up SoundCloud

In this article
  • Step 1 | Add the SoundCloud app
  • Step 2 | Add the SoundCloud URL or embed code
  • Step 3 | Set up your player
  • Step 4 | Design your player
  • Troubleshooting SoundCloud player issues
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.
A screenshot of a live site with a SoundCloud player.

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.
  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.
A screenshot of the SoundCloud app in the App Market with the Add to Site button highlighted.
  1. 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.
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:

Helpmate

Hello

Need a bit more guidance?
Unlock personalized helpLog in to get the most out of Helpmate.