Tip to insert a play-button in HTML on a desktop

Reply
Highlighted

Tip to insert a play-button in HTML on a desktop

Rock Star 18
Rock Star 18

Steps to follow to have a play-button working on a post :

 

1 - Select New Message

 

new-message.jpg

 

2 - Type a subject

 

type-subject.jpg

 

3 - Type a tag (several tags have to be separated with comma (e.g Rock,Hard Rock,Metal)

 

type-tag.jpg

 

4 - Select HTML

 

select-html.jpg

 

5 - Go to your Spotify desktop and select the Embed Code of your playlist

 

select_code.jpg

 

6 - Paste your code

 

paste-code.jpg

 

7 - Add some space

 

add-space.jpg

 

8 - Go to Rich Text mode

 

rich-text.jpg

 

9 -Type a description explaining what you post

 

type-description.jpg

 

10 - Make a Preview of your post

 

preview.jpg

 

11 - Check your post

 

look.jpg

 

12 - Validate your post

 

post.jpg

 

Now everything should work fine and users can appreciate your creation :)

SoundofusRock Star 18
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.
10 Replies

Re: Tip to insert a play-button in HTML on a desktop

qaz23
Gig Goer

Can't get it to work.  After I paste the embed code, I get the following message:

 

"Your post has been changed because invalid HTML was found in the message body. The invalid HTML has been removed. Please review the message and submit the message when you are satisfied."

------------------------------------------------
Obscure best of 2017 | 2016 | 2015
Spotify | Last.fm | Bandcamp
Follow me

Re: Tip to insert a play-button in HTML on a desktop

Rock Star 18
Rock Star 18

@qaz23

 

Can you please try to make a screen shot when you are in HTML before you get the message you talk about.

 

It will be the only way to see what is wrong :)

SoundofusRock Star 18
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.

Re: Tip to insert a play-button in HTML on a desktop

qaz23
Gig Goer

spotify-error.jpg

 

After clicking on preview, it deletes the code I pasted and gives that error message.

------------------------------------------------
Obscure best of 2017 | 2016 | 2015
Spotify | Last.fm | Bandcamp
Follow me

Re: Tip to insert a play-button in HTML on a desktop

Rock Star 18
Rock Star 18

@qaz23 it seems the screen shot shows the code AFTER the invalid HTML has been removed.

 

I want see exactly what you see BEFORE you click preview, then BEFORE you get the error message.

 

And please try to make a bigger screen shot as the previous one is almost unreadable.

 

Thank you :)

SoundofusRock Star 18
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.

Re: Tip to insert a play-button in HTML on a desktop

qaz23
Gig Goer

That screenshot was actually before I clicked preview, just to show the code I pasted.

 

When I click preview, it deletes everything within the <iframe ... /iframe> code (leaving me with nothing), and gives that error message.

------------------------------------------------
Obscure best of 2017 | 2016 | 2015
Spotify | Last.fm | Bandcamp
Follow me

Re: Tip to insert a play-button in HTML on a desktop

Rock Star 18
Rock Star 18

@qaz23

 

Try this : copy all the code below and paste it in your reply in HTML mode

 

--------------------------------------------------------------------- < don't copy this

 

<p>&nbsp;</p>

<iframe src="https://embed.spotify.com/?uri=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>

<p>&nbsp;</p>

 

--------------------------------------------------------------------- < don't copy this

 

Replace all the xxxxxxxxxxxxxxxxxxxxxxxx by the Spotify URI of your playlist (right click on your playlist title and select : "Copy Spotify URI"

 

Once you have paste it in HTML mode, go back in Rich Text mode. Type what you want on the first line "Test" for example and post your reply.

 

 

 

 

SoundofusRock Star 18
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.

Re: Tip to insert a play-button in HTML on a desktop

qaz23
Gig Goer

Test

 

 

 

Doesn't seem to be working :(  Anything between <iframe .... </iframe> gets deleted.

------------------------------------------------
Obscure best of 2017 | 2016 | 2015
Spotify | Last.fm | Bandcamp
Follow me

Re: Tip to insert a play-button in HTML on a desktop

Rock Star 18
Rock Star 18

@qaz23

 

Very weird.

 

What browser are you using ?

 

If you can, try to change browser to see if it's still the same problem. (Personally I use Firefox)

SoundofusRock Star 18
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.

Re: Tip to insert a play-button in HTML on a desktop

qaz23
Gig Goer

I'm using Firefox, but I also tried it with Chrome and it still doesn't work :(

------------------------------------------------
Obscure best of 2017 | 2016 | 2015
Spotify | Last.fm | Bandcamp
Follow me
SUGGESTED POSTS