Embedding Spotify Playlist to Wordpress

[_michaelgomez_]

I'm trying to embed a playlist to my sidebar on Wordpress. Whenever I use the embed code from the playlist, it shows up but says "Oops...we didn't find any music here." The website is brand new, so there's no content, but I do need the playlist to be part of it! In the image below you can see the embed code as well as what the playlist looks like on the preview. It looks the same on the website, which can be seen here.

[Hubo · Accepted solution]

Hey @_michaelgomez_! Thanks for coming to the community!

Hmm, that's not right. Alright, could you try to use this code:

<iframe src="https://embed.spotify.com/?uri=spotify:user:_michaelgomez_:playlist:2lytqp5Qmr75B2qymGozdk" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>

Let me know how it works out!

Have a nice day! 🙂

[_michaelgomez_]

Yes, that worked! Thank you so much!

[diztortdigital]

Hi there,

I am also having this issue. Any suggestions please?

See example here: https://diztortdigital.wordpress.com/

I used this code - <iframe src="https://embed.spotify.com/?uri=spotify%3Auser%3Adiztortdigital%3Aplaylist%3A324x1LAjGCPdET0a2t5cIS" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>

Thanks

[Hubo · Accepted solution]

Hey @diztortdigital! Welcome to the community!

Your code should be: ('%3A' changed to ':')

<iframe src="https://embed.spotify.com/?uri=spotify:user:diztortdigital:playlist:324x1LAjGCPdET0a2t5cIS" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>

Let me know if you have any other questions!

Have a nice day! 🙂

[diztortdigital]

Thank you so much for your help! 🙂

[jlev23ot]

Hi!

Having a really tough time embedding a playlist into Wordpress also. Trying to use this embed link:

<iframe src="https://embed.spotify.com/?uri=spotify%3Auser%3A1219971747%3Aplaylist%3A3ZR8aSNeTJCsoGQMhnmlO5" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>

[Hubo]

Hey @jlev23ot!

Here's the code which should be working:

<iframe src="https://embed.spotify.com/?uri=spotify:user:1219971747:playlist:3ZR8aSNeTJCsoGQMhnmlO5" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>

Let me know how it goes! 🙂

Have an awesome day!

[Darth-Ambiguous]

EDITED - Ignore this!

I tried some fiddling around and found this version works (I just change the user and playlist codes)

[spotify id="spotify:user:1269879729:playlist:6vkkX5bL8C2JFCRfeKAjfi" width="300" height="380" /]

Hello! Has anything changed recently? I'm making a page with multiple lists embeded, but even if it's only one list, it's not working.

I copy the embed code provided by Spotify, and after I save my draft, WordPress rewrites the code.

Spotify code (which looks perfect): <iframe src="https://open.spotify.com/embed/user/1269879729/playlist/5eHo98tsHahHRHlEw7tBBj" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>

Updated code from Wordpress after saving (which only shows a link): <a href="https://open.spotify.com/embed/user/1269879729/playlist/5eHo98tsHahHRHlEw7tBBj">https://open.spotify...>

I've tried the code that's been provided as a solved answer (but putting in my code instead) and it still doesn't work. 

Any ideas?

[raphaelgabriel]

Hey can you offer a clean solution which is working ?

I want also to ember some playlist but everytime I do I can listen on it on my page and get to the album of the artist on spotify itself.

I want a solution like on youtube where you just can put your list on your page.

Thanks for your help