Friday Fun: Customize the ‘Buy’ And ‘Download’ Buttons on Your Player Embeds

Friday Fun: Customize the ‘Buy’ And ‘Download’ Buttons on Your Player Embeds

A question we’ve been asked quite a lot in the past weeks was how to change the text of the ‘Buy’ and ‘Download’ buttons. It only takes a couple of little tweaks to the html codes of your SoundCloud embed players so here’s how to do it.

That’s how my embedded track looks like on my blog when I use the regular html code. Note that for the Buy button to show in the player, you’ll need to have added a url to the Buy field in your track or set settings:

Now to change the text on the Buy and Download buttons, you’ll need to make some changes in the parameters of the code. I’ve bolded the parts that need to be added, don’t forget to add the parameters twice in the code:

The string added to the code between the track url and the end quotation mark includes both the changes to the Download and Buy buttons &text_download_track=Free download!&text_buy_track=Purchase! and this is the result:

This of course works for the artwork players too, here’s how this looks:

Quite an easy way to direct your listeners to social micropayment service Flattr or ask them for a donation via PayPal, don’t you think? We’re sure you’ll have many other examples for creative ways to use these little tweaks, so please share them with us in the comments for everyone else in the community to get inspired.

Related posts:

Hacking the SoundCloud player

More html parameters for the player

Program an entirely customized player (coding knowledge required)

We use cookies for various purposes including analytics and personalized marketing. By continuing to use the service, you agree to our use of cookies as described in the Cookie Policy.

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.