How to embed Spotify in your blog or website

Spotify’s Play Button is a sleek and sexy little player that fits snugly into your website or blog so your visitors can listen without going anywhere.

Embedding a Spotify player into your website or blog allows people to listen to your music or the music you love without heading away from the page to Spotify’s app. Adding a Play Button is simple, looks good, and gives your website visitors the pleasure of listening to your music with the simple press of a button. It’s a great tool for anyone but especially artists, allowing fans who visit your site to discover and listen to your music from your official site.

Spotify’s Play Button is a mini, embeddable music player that allows listeners to stream music from Spotify’s massive library of music anywhere on the web. The player isn’t just a cool way of sharing music with people but also looks super sleek with a customisable size and look. The player will match it’s background colour to the album art of the current track as well so that it always looks good.

You can embed a single song that you want to share or entire albums and artist discographies depending on what you want your frequenters to listen to. If you fancy presenting up a custom mix of tunes then post a playlist up or even a podcast that you think people need to hear. The Play Button will let logged in Spotify users listen in full and everyone else can join the fun still with 30 second preview snippets.

Here’s how to do it:

Right-click any song, album, artist, playlist or podcast in the Spotify app and select “Share.” Click on “Copy Link” or “Copy Spotify URI” to copy the Spotify Link or URI. (Or use a shortcut and embed the code directly from the desktop app’s “Copy Embed Code.”)

  • Paste into the Play Button generator.
  • Copy and paste the embed code into your website.
  • And voila!

If space is limited, you can embed the compact version (just toggle to “compact” and adjust the size at the bottom of the generator page).

If you find that your blog isn’t embedding the player in the centre of the page then place the embed link between this:
<p style=“text-align:center”>Spotify URL here</p>

Head of Social Media and Marketing, RouteNote

Leave a Reply

Your email address will not be published. Required fields are marked *