• Home
  • Services
  • Facebook
  • Privacy Policy

TricksDaddy

  • Home
  • Services
  • Facebook
  • Privacy Policy

How to Add Facebook Subscribe Button to Websites

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.

Share On
 Previous Article Top 5 Android Apps For Bloggers
Next Article   Christmas Giveaway – Win 2 iPhone and Android Controlled iHelicopters

6 Comments

  1. 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…

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

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

  3. Rajan Bindra
    December 9, 2011 at 5:35 pm

    Thanks for sharing the great update….

  4. 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 🙂

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

© Copyright. Theme by BloomPixel.