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.
Give the most relevant one a click.
2. Get the Embed Code.
This screenshot pretty much clears up how to do that:
To be clear, we:
- Click the three dots next to the heart icon.
- Choose Share.
- Choose Embed Album.
You can customize the colors and size, but all you really need to do is click the Copy button.
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: