[How To] Create a Spotify follow button widget

Community Legend
‎2015-05-04 10:00 AM

Our Community Rock Stars with the Blog Maverick role can submit blog posts to be published on the Spotify Community Blog. This blog submission comes from Rock Star @JoeThomas.


Hey everyone! Joe here with more cool tips and tricks!


Today I'm going to show you how to get more followers using the follow widget. If you’re on the forums this is a must have as it’s a great way to attract an audience for your awesome playlists.


What do they look like?


You’ve probably seen one of these throughout the forums:



This is a follow widget. By simply tapping in the follow button you’ve just instantly followed them.



So what’s the advantage of having a follow button?


There are various reasons to get a follow button. One of the main reasons why I have one is that when someone from the forums wants to follow me, they have a quick and easy way of doing it--they don't have to go out of their way. 


So can I get one?










  1. Open Spotify
  2. Go to your Profile Page by clicking your username in the top right corner. 
  3. Click on the three dots by your photo and hit ‘Copy Spotify URL’.
  4. Go back to this website.
  5. Paste the link into the box which says ‘Spotify HTTP Link (or Spotify URI)’. ht4
  6. Set the layout exactly how you want it to. Experiment!                               ht5
  7. Check the preview to see if the widget is swanky enough:
  8. Copy the HTML code below and paste it into your blog or website. ht7




HTML. It’s the language that brings the Internet together.


Oh. You didn’t mention me learning a language. You should have seen me in those Spanish lessons.


Don’t worry! You don’t need to know a thing about HTML. Just follow me (pun not intended):


If you’re trying to post it within a thread/message, simply hit HTML and paste the HTML code where you want it to go.

remastered stuff


Lookin’ good!



If you want to put the widget in your signature (the thing that’s at the bottom of every single one of your posts) then select My Settings:



Then under Personal Profile hit Personal Information:



Paste the code in the signature box and hit Save:



Boom! There you go.



That's all I've got time for!


Want to make cool blog posts like this? Check out the Rock Star Program - it's right up your street!


~Joe (AKA @JoeThomas)

Rock Star
Rock Star



Sorry, I'm not acusing you of being a spammer. The community staff have put these restrictions in place and I can't really do anything about it. I'm just trying to help out and let you know that might be the reason why. I know once you reach about 30 or so posts you should be able to add HTML to your signature.


Oh I know. No worries. :-)

Rock Star
Rock Star



Whoops, I thought I was replying to the user who posted before you.


With your community rank, you should definitely be able to post HTML in posts and your signature.

Read this guide to make sure you are doing it properly:



If people continue to have problems with HTML, I can raise this as an issue to community staff. Other people have been able to post HTML fine, so I think you guys just need to read over the guide I linked to make sure you are doing it right.


Hope that helps!


@MattSuda - it really is no problem and I really appreciate you looking into the why.



@MattSuda yes I got it. Thanks!


Waaa? You don't follow me on Spotify? You Mad Bro?


I tried and got

"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."


I guess this is a windows 8 problem? I will try with my older Vista and see what happens.

From android is definitely NOT working as well.




waa u mad bro?


 no - here on vista is the same issue


Invalid HTML code error on my end also.


I think this is working for me now, BUT i don't know why, since I didn't do anything different. Some day it just began to show up. One of those misteries of life.


<iframe src="https://embed.spotify.com/follow/1/?uri=spotify:artist:1xwNYaTQEqt0DtsbUoC7ne&size=detail&theme=ligh..." width="300" height="56" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" allowtransparency="true"></iframe>


I had the same problem, but followed the steps on this page: https://community.spotify.com/t5/Spotify-Answers/Guide-How-to-embed-a-playlist-track-or-follow-butto... ... and now it works! 

Thanks for all your help! 


Does anyone know how to click to follow for a Spotify Playlist?? The URI for the playlist doesn't allow the click to follow action.


Thank you so much.  This tutorial was perfect.  Web site updated   :)