How to Embed a Spotify Playlist

An upcoming site for a new client of mine, a music venue in Pittsburgh’s East Liberty neighborhood, needed to embed a Spotify playlist on individual band / show pages.

While this is easy, instructions to do so weren’t as easy to find. So here we go, without a bunch of fluff in the beginning.

1. Find a Band’s Album on Spotify.

You can just Google something like Rusted Root When I Woke Spotify.

Screenshot of a Google search for a Rusted Root album on spotify

Give the most relevant one a click.

2. Get the Embed Code.

This screenshot pretty much clears up how to do that:

click the three dots next to the heart / favorite icon, then choose share, then embed album

To be clear, we:

  1. Click the three dots next to the heart icon.
  2. Choose Share.
  3. Choose Embed Album.

      4. You can customize the colors and size, but all you really need to do is click the Copy button.

      options to customize spotify embed display, and the copy button we're after

      3. Paste Your Embed Code into Your Site

      After you click copy, you’ll have something like this:

      <iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/2LjYjQN5yVZYiZNDIVIKDf?utm_source=generator&theme=0" width="100%" height="380" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"></iframe>

      Paste that into your HTML, or perhaps a field in WordPress if that’s what you’ve been instructed to do. You’re all set!

      You should see this on your web page now:

      Up Next: Why I Cancelled My YouTube TV Membership