Noiseyard Help

To embed an external player to your Noiseyard website, you just need to copy an Album/Track Embed Code (in HTML) from the streaming service of your choice, such as Spotify, Soundcloud, Bandcamp, Apple Music, Deezer or Mixcloud and paste it to the related field in Noiseyard, and we’ll do the rest.

To understand where you need to provide the embed code, you can check out this article: How to embed an external music player to my website?

We want to make sure your musician website looks its best. For this reason, we have prepared best practice recommendations for different external players:

For Spotify:

• In your Discography page:

  • Choose the player with the height of 352px.

  • Choose the color that best suits your website design as your player color.

• In Featured Section:

  • Choose the player with the height of 352px.

  • Choose the color that best suits your website design as your player color.

• In your Other Works page:

  • Choose the player with the height of 152px.

  • Choose the color that best suits your website design as your player color.

For Soundcloud:

• In your Discography page:

  • You can choose any of the two different embed styles: Visual Embed & Classic Embed.

  • Choose 450px or 600px for height.

  • (Advanced) Choose the color of the play button. We recommend choosing the primary color of your musician website as the color of the play button. You can copy the HEX code of your primary color and paste it to “Color” the field.

• In Featured Section:

  • We recommend choosing Classic embed as the player style.

  • Aim for 166px or 300px in height.

  • (Advanced) Choose the color of the play button. We recommend choosing the primary color of your musician website as the color of the play button. You can copy the HEX code of your primary color and paste it to “Color” the field.

• In your Other Works page:

  • We recommend choosing Classic embed as the player style.

  • Choose 166px or 300px for height.

  • (Advanced) Choose the color of the play button. We recommend choosing the primary color of your musician website as the color of the play button. You can copy the HEX code of your primary color and paste it to “Color” the field.

For Bandcamp:

• In your Discography page:

  • We recommend going with Standard layout.

  • Uncheck “Show artwork” checkbox.

  • Check “Show tracklist” checkbox.

  • (Advanced) Set the width to 700px (the first box under “Size”). You can choose any value between 300-1000px for height (the second box under “Size”).

  • Choose the colors that best suits your website design as your player colors.

• In Featured Section:

  • We recommend going with Standard layout.

  • You should uncheck “Show artwork” checkbox. If it’s an album you are featuring, we recommend checking “Show tracklist” checkbox.

  • (Advanced) Set the width to 700px (the first box under “Size”).

  • Make sure your player height does not exceed 480 pixels.

  • Choose the colors that best suits your website design as your player colors.

• In your Other Works page:

  • We recommend going with Standard or Slim layout.

  • For Slim layout, you can optionally uncheck “Show album artwork” checkbox.

  • For Standard layout, you should uncheck “Show artwork” checkbox.

  • (Advanced) For Standard layout, set the width to 700px (the first box under “Size”).

  • Make sure your player height does not exceed 480 pixels.

  • Choose the colors that best suits your website design as your player colors.

For Deezer:

• In your Discography page:

  • Choose the theme that goes best with your website.

  • (Advanced Settings) Uncheck the “Auto width” checkbox under Responsive. Set the width to 1000px. You can choose any value between 300-1000px for height.

  • For your albums, it’s a good idea to leave “Show tracklist” checkbox on.

• In Featured Section:

  • Choose the theme that goes best with your website.

  • (Advanced Settings) Uncheck the “Auto width” checkbox under Responsive. Set the width to 1000px. You can choose any value between 300-480px for height.

  • For your albums, it’s a good idea to leave “Show tracklist” checkbox on.

• In your Other Works page:

  • Choose the theme that goes best with your website.

  • (Advanced Settings) Uncheck the “Auto width” checkbox under Responsive. Set the width to 1000px. You can choose any value between 120-480px for height.

For Mixcloud:

• In your Discography page:

  • We recommend going with Classic Widget.

  • (Advanced) Click on “More options” and check “Hide artwork” checkbox.

  • Choose the theme that goes best with your website.

• In Featured Section:

  • We recommend going with Classic Widget.

  • (Advanced) Click on “More options” and check “Hide artwork” checkbox.

  • Choose the theme that goes best with your website.

• In your Other Works page:

  • We recommend going with Classic Widget or Mini Widget.

  • (Advanced) Click on “More options” and check “Hide artwork” checkbox.

  • Choose the theme that goes best with your website.

For Apple Music:

• You just need to copy the embed code since Apple Music does not offer any customization options.