Industry Tips

How To Embed Songs On Your Website

Want to embed (showcase) your new release on the front page of your artist website or blog? You’re damn right! Highlighting your songs, EP, album or playlist by embedding them on your website is a great way to show your music to your fans and potential listeners. In this article, we’ll discuss the most popular streaming platforms: Spotify, Apple Music, Deezer and Soundcloud. If you want to embed and link to all major platforms featuring your music, check the Songkick option.

What is an embed?

Embedding is nothing more than incorporating a video from e.g. YouTube or audio from Spotify, Deezer, Apple Music or Soundcloud within the body of your website or blog, but it surely looks a lot better than just a link!

After you’ve read this article, you know exactly how to embed a song, EP or album and post it on your website, blog!

Embed a Spotify track, EP, album or playlist

When you’re using the desktop app of Spotify and want to embed a playlist, click the three dots, share and click ‘Copy Embed Code’.

Embed Spotify playlist

Now Spotify copied the embed code for you. If you want to use it on your blog, you can now paste the code wherever you want the playlist to appear. If you’re running your blog on e.g. WordPress, make sure to click ‘Text’ first and not the Visual editor. Paste the code and return to Visual to see how it’ll look.

An embed of our New Music playlist, for example, looks like this (why not press play and enjoy great tunes while continue reading?)

Check our playlists on Spotify, YouTube, Apple Music Deezer and Soundcloud!

Embedding an album or EP works similarly. When you want to embed a track, you have to right-click the track you want to embed, or click the three dots at the right-hand side of the screen and click share and Copy Embed Code.

Embed a YouTube video

Want to embed a YouTube video? Click the Share button below the video and select ‘Embed’. Copy the code (there’s a handy button at the right-bottom of the screen) and paste it where you want the embedded video to appear.

Embed a YouTube playlist

If you’re running your website on WordPress, simply paste the playlist URL into the visual editor (please note: not the text editor). WordPress will automatically embed the playlist.

If you’re not running your website on WordPress, you can alter the code below to your liking:

<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLgny6od8NsR700OcV47kytqA8FshjGgrM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Replace the PLgny6od8NsR700OcV47kytqA8FshjGgrM with the ID of your own playlist. If you want to have a bigger embed, change width to e.g. 100% and hight to 450 and your code will be

<iframe width="100%" height="450" src="https://www.youtube.com/embed/videoseries?list=PLgny6od8NsR700OcV47kytqA8FshjGgrM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Embed an Apple Music song, EP, album or playlist

You can’t embed via Apple Music on mobile, so we’ll follow the iTunes desktop instructions. Search for the song, EP, album or playlist you want to embed. Click the three dots, then Share (song/album/playlist). Now click ‘Copy embed code’ and paste it wherever you want the embed to appear in your HTML editor.

Embed a Deezer song, EP, album or playlist

Go to Deezer.com and search for the artist or band you want to share via embed. Click the three dots at the right-hand side of the track and click ‘Share’.

Embed Deezer track

Now a new window appears in which you can alter the layout of the embed. Deezer automatically added your track’s ID. If you’re happy with the way it looks, scroll down, copy the code and paste it on your website or blog. If you want to embed a Deezer album or playlist, repeat the process described above and do the same for the playlist or album.

Embed a Soundcloud song or playlist

Click the Share button below the track or playlist you want to embed. In the overlay that appears, click on ‘Embed’.  Alter the settings to your liking and e.g. change the colour of the buttons to match your website’s theme, enable automatic play and change hight. Please note you can also change the code itself and and not set the width to 100%. For this, remove the 100% and add e.g. 450 to make the embed square.

Source: https://help.soundcloud.com

Embed songs and albums across all the major streaming services

A great tool to embed songs and albums from all major streaming services is Songlink. According to Songlink, “the Songlink Embed will ensure that all of your readers and users will be able to engage and listen to the music you are discussing.” We could go about and explain everything, but Songlink has already explained how to quickly implement the embed on your website or blog.

Embed Songlinks into your website or blog
Source: http://help.song.link
the authorRoel Wensink
Owner
Roel started ForTheLoveOfBands to provide bands and artists with a platform to get their music heard and provide tips gathered along the way. Being a musician himself, he knows how hard it is and how much time it takes to promote your newly recorded gems.

1 Comment

Leave a Reply

1 Shares
Share
Tweet
Pin1
Reddit
Share