Add a Spotify Play Button to your blog, website, or social page—all your fans have to do is hit “Play” to enjoy the music.

Spotify Play Buttons can be added to any webpage that supports <iframe> tags. When a Spotify user clicks the button, the music will start playing in the Spotify Desktop Player or Web Player. (If they are not logged into their Spotify account, they will be prompted to do so. If your user does not have Spotify they will be sent to the Spotify sign-up page, in a new window.)

Follow the steps below and you’ll have your site singing in seconds.

You can choose different button themes and sizes, and you can link to any song or album in our music catalog, or to any playlist that you have created. (Note that we do have a few Terms of Use that we need you to comply with.)

Get the Code

  1. Right click any song, album or playlist in Spotify and select Copy Spotify URI:
    follow_button_copyuri
  2. Paste the code in the field below:
  3. Copy the code below and paste it on your website.

Preview

Options

Size:
 xpixels
 xpixels
Theme:
View:

Available parameters

Parameter
Value
Large
Compact
Defaults
uriValid Spotify URI or HTTP link
themeblack, whitexblack
viewlist, coverartxlist

Examples

<iframe src="https://embed.spotify.com/?uri=spotify:track:5JunxkcjfCYcY7xJ29tLai" frameborder="0" allowtransparency="true"></iframe>
<iframe src="https://embed.spotify.com/?uri=spotify:user:erebore:playlist:788MOXyTfcUb1tdw4oC7KJ&view=coverart" frameborder="0" allowtransparency="true"></iframe>
<iframe src="https://embed.spotify.com/?uri=spotify:user:erebore:playlist:788MOXyTfcUb1tdw4oC7KJ&theme=white" frameborder="0" allowtransparency="true"></iframe>
<iframe src="https://embed.spotify.com/?uri=spotify:user:erebore:playlist:788MOXyTfcUb1tdw4oC7KJ&theme=white&view=coverart" frameborder="0" allowtransparency="true"></iframe>

Note: The iframe attributes allowtransparency="true" and frameborder="0" are required for the button to render correctly.

Player min/max sizes

You specify the height and width of the player by setting the height and width properties of the iframe.

Player size
Height
Width
Minimum size80px250px
Maximum size720px640px

What kind of player is rendered?

The larger player will be rendered if the given height is 80 pixels greater than the given width. Otherwise the compact player will be rendered.

Examples

<iframe src="https://embed.spotify.com/?uri=spotify:user:erebore:playlist:788MOXyTfcUb1tdw4oC7KJ" width="250" height="80" frameborder="0" allowtransparency="true"></iframe>
<iframe src="https://embed.spotify.com/?uri=spotify:user:erebore:playlist:788MOXyTfcUb1tdw4oC7KJ" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>

Playlist update

Any changes you make to a playlist will be synced to your Spotify Play Button within minutes (max 10 mins).

Playlist restriction

We only show the first 200 tracks in any playlist.
A user’s playlist of starred tracks is currently not available.

Multiple tracks player

You can create a playable list of tracks without using a Spotify playlist by specifying a title and a comma-separated list of track IDs. The track ID is the 22 character string found after “spotify:track:” of each Spotify URI.

Example

<iframe src="https://embed.spotify.com/?uri=spotify:trackset:PREFEREDTITLE:5Z7ygHQo02SUrFmcgpwsKW,1x6ACsKV4UdWS2FMuPFUiT,4bi73jCM02fMpkI11Lqmfe" frameborder="0" allowtransparency="true"></iframe>

Terms of Use

To protect users, content providers, the Spotify trademarks, our software and the Spotify service we therefore require you to comply with our Spotify Widget Terms of Use.