Embedding Spotify Playlist to Wordpress

Solved!
Reply

Embedding Spotify Playlist to Wordpress

_michaelgomez_
Regular

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.

Screen Shot 2016-12-11 at 4.53.48 PM.png

2 ACCEPTED SOLUTIONS
Solution!

Hubo
Rock Star 16
Rock Star 16

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! 🙂

HuboRock Star 16
Help others find this answer and click "Accept as Solution".
If you appreciate my answer, maybe give me a Like.
Note: I'm not a Spotify employee.

View solution in original post

Solution!

Hubo
Rock Star 16
Rock Star 16

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! 🙂

HuboRock Star 16
Help others find this answer and click "Accept as Solution".
If you appreciate my answer, maybe give me a Like.
Note: I'm not a Spotify employee.

View solution in original post

25 Replies

repkah
Newbie

Hi friends!

Do you know any solution that don't interrupt/stop the sound when the user change the page? I want the sound plays continous along the entire navigation of the user on my site.

Thanks!

 

susandee
Regular

Hi Huib,

You've helped many others on this topic, I'm hoping you can help me. I'm able to embed a playlist on my blog, but it only plays a 20 second preview of the song and then I get a message from Spotify that says "to hear the full version, dowload the Spotify app." Of course I have the Spotify app on my laptop and every other device!! Here is my embed code from my playlist:

 

<iframe src="https://open.spotify.com/embed/user/susandee21/playlist/4f9sptvlypmTfJ20Bd9R98" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>

 

I've copied the embed codes you've provided to others on this thread, changing only the playlist info, and I get the same result. Spotify tech support has not been able to explain why or provide a solution. I'm desparate. Thanks in advance.

 

spotify screen shot.jpg

af7erburner
Newbie

i tried embedding a playlist on my wordpress site and all it does is just sends me to the spotify page.  im trying to get it to just play in the site without linking me anywhere

Abolhaeditora
Newbie

Hello everyone! I have been using Spotify in the sidebar of my wordpress website for a year now and unfortunately it stopped working this month. I did everything as usual, embedded playlits but the playlits won't play: www.abolha.com

 

Can anyone help me understand ehta might be going on? 

 

Thank you in advance.

 

All best,

Rachel.

ashadamek
Newbie

Hello,

 

I'm trying to embed a spotify playlist to my side bar using this code:

 

<iframe src="https://open.spotify.com/embed/user/119376123/playlist/0WxmTjgo9nKs1HAdXrQ6V7" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>

 

It is only showing up in my widget as text. Thanks for the help.

Ashley

raphaelgabriel
Newbie

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

Hubo
Rock Star 16
Rock Star 16

Hey @raphaelgabriel! Welcome to the Spotify Community!

You can copy the embed code from within Spotify by clicking on "Share > Copy Embed Code"

embed.png

Or you can check out developer.spotify.com for more advanced options on embedding playlists. Let me know if there's anything else! 🙂

 

Have a great day!

HuboRock Star 16
Help others find this answer and click "Accept as Solution".
If you appreciate my answer, maybe give me a Like.
Note: I'm not a Spotify employee.

dabolar
Newbie

Hey [snip - Moderator edit]. I been trying to embed this code all day in a post in Buzzfeed, but I have the same response again and again. The thing is, I introduced the code here, in the HTML section, and it worked perfectly. Do you know what is wrong?
Thank you,
Andres.

Captura de pantalla 2017-09-22 a la(s) 23.36.09.png
Captura de pantalla 2017-09-22 a la(s) 23.36.23.png
Captura de pantalla 2017-09-22 a la(s) 23.40.36.png

kelleylin
Casual Listener

Hey! I can really easily embed my Spotify playlist, but it seems there was an update that makes it so I can't alter the size of my Spotify player??

 

<iframe src="https://embed.spotify.com/?uri=spotify:user:1236863103:playlist:6B7fP2o0Jws8pCZd5QUNqL" width=“500" height="380" frameborder="0" allowtransparency="true"></iframe>

 

I tried using this code and the size stays 300x380 😞 wondering if there's any way still to change the dimensions?? Thanks

Hubo
Rock Star 16
Rock Star 16

Hey @kelleylin!

 

Hmm, that should be just fine. Could you try to generate a Play button here: https://developer.spotify.com/technologies/widgets/spotify-play-button/

Let me know how you get on! 🙂

Have a great day!

HuboRock Star 16
Help others find this answer and click "Accept as Solution".
If you appreciate my answer, maybe give me a Like.
Note: I'm not a Spotify employee.

kelleylin
Casual Listener

Hey Huib,

 

I'm not sure if it's Wordpress, but SOMETIMES the code works. Othertimes...... it just looks like this. And even when the player does show up, the size dimension never changes for me.Screen Shot 2017-06-01 at 3.53.07 PM.png

EDIT: looks like the embed.spotify code works, NOT the open.spotify for me. Not sure if that's the same for others? And the color of the player can't be changed to white on my page either.

Darth-Ambiguous
Newbie

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?

Solution!

Hubo
Rock Star 16
Rock Star 16

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! 🙂

HuboRock Star 16
Help others find this answer and click "Accept as Solution".
If you appreciate my answer, maybe give me a Like.
Note: I'm not a Spotify employee.

View solution in original post

JesseKiel
Newbie

I have the same problem. This is my embed-link, but it won't work...

 

<iframe src="https://open.spotify.com/embed/track/4YipzpTtTn2Qn0iXPm1x5q" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>

susandee
Regular

Hi. What browser are you using. The webplayer works on Firefox and Chrome but not Safari. See this article for an explanation.

 

https://www.theverge.com/2017/9/10/16283494/spotify-web-player-safari-browser-support-apple

 

 

redjesusmusic
Newbie

Hi! Having the same problem here with <iframe src="https://open.spotify.com/follow/1/?uri=spotify:artist:5qVt49whqZ0WwyMYru2mDP&size=detail&theme=dark" width="300" height="56" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" allowtransparency="true"></iframe>

jlev23ot
Newbie

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
Rock Star 16
Rock Star 16

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!

HuboRock Star 16
Help others find this answer and click "Accept as Solution".
If you appreciate my answer, maybe give me a Like.
Note: I'm not a Spotify employee.

diztortdigital
Casual Listener

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

Solution!

Hubo
Rock Star 16
Rock Star 16

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! 🙂

HuboRock Star 16
Help others find this answer and click "Accept as Solution".
If you appreciate my answer, maybe give me a Like.
Note: I'm not a Spotify employee.

View solution in original post

SUGGESTED POSTS