How to Add Facebook Subscribe Button to Websites

by Simrandeep Singh on December 9, 2011

3 months back in September Facebook introduced Subscribe button for profiles which lets users to subscribe to your public updates on Facebook. When you subscribe to a user’s public updates, his/her updated will start showing on your Facebook wall. Now Facebook has introduced subscribe button for websites which give visitors the option to subscribe to contributors in one click.

The Subscribe button for websites works in the same way as the button on Facebook; once clicked the user will begin seeing the public posts of the person they have subscribed to in his or her News Feed. The subscribe action is also shared – allowing others to subscribe directly via the News Feed stories, and further increasing viral distribution.

How to Add the Subscribe Button

The subscribe button can be added in the same way as we add the Facebook like button using XFBML or an iframe.

Facebook Subscribe Button

Please note that users can only subscribe to your public updates if you have enabled subscriptions on your profile. To enable the subscriptions click on Subscribers tab on your profile and then Allow Subscribers.

Before using this code on your website, don’t forget to replace simrandeep (marked with red color) with your own Facebook user ID otherwise your visitors will also subscribe to my updates.

XFBML version:

<fb:subscribe href="http://www.facebook.com/simrandeep" width="450"></fb:subscribe>

HTML5-compliant markup:

<div class="fb-subscribe"
  data-href="http://www.facebook.com/simrandeep" data-width="450">
</div>

iframe version:

<iframe src="https://www.facebook.com/plugins/subscribe.php?
href=http://www.facebook.com/simrandeep
&width=450&appId=APP_ID" scrolling="no"
frameborder="0" style="border:none; overflow:hidden; width:450px;"
allowTransparency="true">

You can use any of these codes to add a subscribe button to your website or blog.

Article by

Simrandeep is the owner and editor-in-chief of TricksDaddy. He is a part-time blogger from India. Catch him on Facebook and Twitter.

Simrandeep has written 527 awesome articles.

{ 6 comments… read them below or add one }

Raj December 9, 2011 at 1:54 pm

I can tell you one thing for sure – FB is the toughest thing to use. One can get struck up with each and everything they try to do.

You have put your vanity URL. But what if one doesn’t have one? Can they use their profile ID to create a subscribe button for their website? Can you tell us how…

Reply

Simrandeep Singh December 9, 2011 at 5:50 pm

@Raj

I wonder why you find FB as toughest thing. The procedure to add FB buttons is almost same as adding other buttons.

As per as vanity URL it is not the thing that is invitation based or a paid one. You can easily get one by going to your Account settings. I’m not sure if you can use your profile ID or not.

Reply

Mohd Akbar December 9, 2011 at 4:07 pm

Great post with a lot of good tips. Facebook feature are actually great and I love that.

Reply

Rajan Bindra December 9, 2011 at 5:35 pm

Thanks for sharing the great update….

Reply

Kavya Hari December 13, 2011 at 3:56 pm

Facebook has been introduced subscribe button for the face book fan page. And, its really interesting task without any doubt. Thank you so much for given up here :)

Reply

Amrik @Explore Feed January 9, 2012 at 3:55 pm

subscribe adds the updates to the news feed/ticker where the like does not. This way people subscribed see the update in their feed and that is to try and increase the popularity of the article/update.

Thanks for sharing this tutorial.

Best regards,
Amrik Virdi

Reply

Leave a Comment

Previous post:

Next post:

© 2008-2011 TricksDaddy. All Rights Reserved | Privacy Policy | Sitemap | Designed by Simrandeep Singh