How to Embed a Spotify Playlist on Your Website

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 of your band’s website is, of course, your music. Your music is likely on multiple platforms from SoundCloud to BandCamp to Spotify. You can upload music to your site however you prefer, but in this post we’ll focus on how to embed a Spotify playlist to your website.

 

Option 1: Grabbing 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 other third-party widget into 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 (see main article).

 

Option 2: Adding a Spotify playlist without code

With some websites, you can just paste in a link to the Spotify track or playlist you want, instead of copying code. These steps work with Jimdo Dolphin:

  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.” You don’t have to put your music right on your homepage, but if you are promoting a new single or have a nice video of your band performing it can be a nice touch to add it there.

 

 

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.

How to embed a single song from Spotify

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.

 

Bring your business online with Jimdo.

Jimdo
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.