Announcements

Embedding Spotify Playlist to Wordpress

Solved!

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.

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

Reply

Accepted Solutions
Marked as solution

Hubo

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

HuboSpotify Star
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

Marked as solution

Hubo

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

HuboSpotify Star
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
Marked as solution

Hubo

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

HuboSpotify Star
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.

_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

Marked as solution

Hubo

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

HuboSpotify Star
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

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!

HuboSpotify Star
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.

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

Hubo

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!

HuboSpotify Star
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

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

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!

HuboSpotify Star
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

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.

rgdebree

How can I change the Position of the Button ? Left = standard, but I want to  Center it. 

rgdebree

 And how can I change the position of the button ? (left / right / center)

ashadamek

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

Abolhaeditora

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.

af7erburner

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

redjesusmusic

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>

Suggested posts

Env: prod