Facebook has recently added another plugin in it’s list: the Subscribe Button for websites. From now, Web publishers can use Facebook Subscribe buttons on their blogs and websites. As you all know already, how to add a Facebook like button, share button, send button, fan box, recent activity widget in our blogs and websites using Facebook plugins.

Lets see a little deeper, what the Facebook Subscribe button will do. In April 2011, Facebook rolled out the subscribe feature for profiles. You have to enable it just by visiting this link and clicking “Allow Subscribers” there. This is also mandatory to get the Subscribe button.

Now, after allowing subscribers, someone who is not in my friend list, can subscribe to me to receive my Facebook updates. People may subscribe either from your Facebook profile or from the Subscribe button on your site, if you added one. Lets know, how to grab a Facebook subscribe button and put it on your blog / website, which will also help you grow your Facebook Subscribers.

Put Facebook Subscribe button on Blog or Website

Just follow the below given steps do so:

  • Point your browser to Facebook Plugins – Subscribe button (just click the link).
  • Input your profile URL (something like http://www.facebook.com/helloitsrahul or http://www.facebook.com/profile.php?id=1248964140) which you can get by visiting your Facebook profile and copying the URL in the address bar.
  • Select Layout Style, Color Scheme, Font and width and click “Get Code”. Choose and select any code snippet among HTML5, XFBML and iFrame and put it in your website HTML – where you want to display the subscribe button.
  • Save changes. Done!

You may also do this directly using below sample snippets. Just replace the URL in bold with your Profile URL:

HTML5 version

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

XFBML version

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

iFrame version

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

Have you placed this Facebook Subscribe button on your blog? Is it increasing your Facebook subscribers? Recommended for you: Create a Custom Facebook Landing Page in 5 minutes.