Adding a Spotify Embed to your blog, website, or social page enables all your fans to simply click Play and enjoy the music. You can create Embeds for albums, tracks, artists, or playlists. When a logged-in Spotify user clicks the button, the music starts playing in the Spotify player. Playback can only be triggered by the user clicking the button. This means that:

  • The Embed does not have any observable events, nor does it listen for any.
  • Autoplay is not an option on the Embed widget

An Embed is effectively a “remote control” for the Spotify web client or the desktop client. To embed audio playback, use the Web Playback SDK.

Make sure you have access to a web service that:

  • Lets you add HTML pages
  • Lets you link to external stylesheets, and
  • Supports <iframe> tags

Premium or Free

For users who are not logged in on their Spotify account, the Spotify Embed plays a 30-second long audio preview, and then the users are prompted to either login or to sign up.

Embed for Playlists

You can create playlists dynamically by using the Web API. This provides you with all the benefits involved in being fully integrated with all the Spotify clients. This also means that users can search for your playlists and subscribe to them. Any changes you make to a playlist will be synchronized with your Spotify Embed within 10 minutes (max). Playlists cannot be shuffled. Users can select “Shuffle” in their player after they press the Play button. Local files in playlists are not shown in the Embed widget.

Paging

On display you see only the first 100 tracks in any playlist. The displayed order is the one in which they are arranged in the playlist for regular playlists. To sort your regular playlists differently, you can for example, open the Spotify Desktop Player and drag-and-drop your tracks into the order you require. Alternatively, you can programmatically reorder tracks through the Spotify Web API. See the endpoint for reordering tracks in a playlist.

Design

You can choose between light and dark button themes and basic or detailed. You may also link the button to any song or album in the Spotify music Catalog, or to any playlist that you have created. To do that verify the Terms of Service you need to comply with. Further design / layout changes are not possible.

To Add a Spotify Embed

  1. Get a link from the Spotify Desktop Player or Spotify Web Player for what you want to display on the Embed. For this example, we are using an album called Monuments and Melodies by Incubus. Use this link to paste it into the [generator][6].
  2. Copy the Embed code and paste it into your HTML file.
  3. After saving your code take a look at it in a browser window; it should look like this:

Browser View