How to Embed a Spotify Playlist on Your Website

How to add a Spotify playlist to your website.
Share on facebook
Share on twitter
Share on email
Share on print

Just like creating an album, it takes a lot of creativity and time to perfect your band’s website. One of the most important parts is, of course, your music.

Your music is likely on multiple platforms from SoundCloud to BandCamp to Spotify. In this post we’ll focus on how to embed a Spotify playlist to your website.

Learn how to start your music website today!

Option 1: Grab the code from Spotify

  1. Open up your Spotify account and find your band’s music.
  2. Click on the album or playlist you want to share.
  3. Click on the icon with the three dots “…” > “Share” and choose “Copy Embed Code.” 
  4. Return to your site and paste the code for your Spotify iframe into a Widget/HTML element. 
  5. Press Save and you’re done!
How to grab the code to embed a Spotify playlist
To get the code for your website simply click on the icon with the three dots “…” and choose Copy Embed Code.

What does copy embed code mean?

‘Copy embed code’ means to take a piece of HTML code and put it on your own website. You do this if you’re trying to embed a playlist, video, or put other widgets onto your website. Don’t worry, you don’t need to know how to code to do this. You just need to copy and paste some text. 

How does it work? A site like Spotify or YouTube gives you some embed code customized with the playlist or video you want. Click a button to copy the code automatically to your computer’s clipboard, or highlight the code with your mouse and copy it like you do with normal text. Then paste it into the right part of your website.

Option 2: Add a Spotify playlist without code

With Jimdo’s free website builder, you can just paste in a link to the Spotify track or playlist you want, instead of copying code:

  1. Go to the Spotify music you’d like to share and click on the icon with the three dots “…”
  2. Select Share > Copy Link. The link is now copied to your computer clipboard.
  3. Now back on your web page, click the (+) sign and add a Music Block
  4. Click on the musical note button in your new Music Block and paste in the link from Spotify.
  5. Press the green check mark to save.
How to share a spotify playlist on a Jimdo website
On a Jimdo website, here’s where you would paste in the link to your Spotify playlist.

Where to embed a Spotify playlist on your website

You should have a page of your website dedicated to sharing your band’s music. Most band websites simply call this page “Music.” If you are promoting a new single or have a nice video of your band performing it can be a nice touch to add a Spotify playlist to your homepage too.

How a Spotify widget will appear on a website
Here’s an example of how a Spotify widget can look on a Jimdo Creator website.

You can also copy the embed code for individual songs by clicking on the three dots icon “…”, which you can see by scrolling over songs on your Spotify playlist. This can be helpful if you want to promote one of your songs on your homepage.

For even more information on adding music from Spotify on to your website check out Spotify’s support page. Also check out the 7 Best Places to Upload Your Music Online for Free.

Start your own music website today!

The Jimdo blog is made for all entrepreneurs—everyone with their own idea or project. Here you will find interesting information about founders and start-ups, current trends and exciting stories from other Jimdo users as well as great website tips on design, shop, SEO and more.
Matching Product

Jimdo Website