How to implement Facebook Connect with your WordPress Blog

July 18, 2009 · 23 comments

facebook connect How to implement Facebook Connect with your Wordpress BlogRecently Facebook launches the Facebook Connect APIs which provides the great functionalities like single sign-on, avatars, and News Feed publication of comments within your WordPress blogs. It is very simple to implement Facebook Connect with your WordPress blogs and here are the few simple steps to achieve it successfully.

Step 1

Download / Install and activate the best Facebook Connect plugin WP-FacebookConnect for WordPress. You can also Search WP-FacebookConnect from Plugins>Add New of your WordPress dashboard.addnewplugin How to implement Facebook Connect with your Wordpress Blog

Step2

Implement the following changes in your comment.php files located under your current WordPress theme folder.

Open the file comment.php file and locate the following code:

<?php if ( $user_ID ) : ?>
...
...

Add this php-function above your code, this will call the Facebook Connect buttons besides your comments fields. Here is the code to include :

<div style="float:right;">
<?php do_action('fbc_display_login_button') ?>
</div>

Step3

Configure your Facebook Connect Plugin Options and enter the API Key and Secret Key generated from Facebook application registration pagepluginoption thumb How to implement Facebook Connect with your Wordpress Blog

facebookapi How to implement Facebook Connect with your Wordpress Blog

The final button will look like below

commentlook How to implement Facebook Connect with your Wordpress Blog

How this plugin works?

facebooklogin How to implement Facebook Connect with your Wordpress Blog

Whenever a user wants to comments he need not any logins and just require a Facebook authentication. This works on the principle of WordPress login cookie which is set by the plugin as soon as the WordPress and Facebook accounts are linked and the Facebook user ID is verified. The best thing about the Facebook Connect is that users need not any registrations or require any forms filling as all the user with verification will be automatically logged into the blog.

Related posts:

  1. 15 plus best adsense plugin for wordpress bloggers Every single bloggers wants to earns from their blogs (please...
  2. How to choose the best images for the blog posts using Flickr As we all know that “content is the king” but...
  3. How to know about the technology used by top blog to power the blog Do you want to know about the tricks use by...
  4. 10 goodies for web developers In order for better performance and usability we often use...
  5. What about Twittlingo? The combination of social networking and micro-blogging play significant roles...

Subscribe Now

If you enjoyed this post, you will definitely enjoy our others. Subscribe to the feed to get instantly updated for those awesome posts soon to come.

{ 23 comments… read them below or add one }

1 techprone July 18, 2009 at 2:48 pm

How to implement Facebook Connect with your WordPress Blog http://www.techprone.com/?p=1330

Reply

2 Abhinav July 18, 2009 at 3:47 pm

shows compatible upto 2.6
tested on higher versions ?

Reply

3 M. R. SOHEL July 18, 2009 at 6:06 pm

RT @tweetmeme How to implement Facebook Connect with your WordPress Blog | Tech Prone http://bit.ly/YhQcr

Reply

4 Abhinav Sahai July 18, 2009 at 8:37 pm

RT @tweetmeme How to implement Facebook Connect with your WordPress Blog | Tech Prone http://bit.ly/YhQcr

Reply

5 Honey Singh July 19, 2009 at 3:02 am

@Abhinav
It works perfectly fine with the WP 2.8.1
demo sites:
http://www.techprone.com
http://www.honeytechblog.com

Reply

6 Arafat Hossain July 19, 2009 at 4:14 am

How to implement Facebook Connect with your WordPress Blog http://www.techprone.com/?p=1330

Reply

7 Dj July 19, 2009 at 8:29 am

You should know that “How to implement Facebook Connect with your WordPress Blog” http://is.gd/1DZMh

Reply

8 Abhinav July 19, 2009 at 10:22 am

oh great ! will implement rightaway.
thanks

Reply

9 Dj July 19, 2009 at 11:24 am

How to implement Facebook Connect with your WordPress Blog http://bit.ly/YhQcr (via @alvinkoay@arafat21@abhinavsahai@MRsohel@blogkori)

Reply

10 Honey Singh July 19, 2009 at 11:48 am

How to integrate Facebook Connect with your WordPress Blog http://is.gd/1DZMh

Reply

11 Harsh Agrawal [SML] July 28, 2009 at 4:08 am

Honey very useful post but how we can implement this on Thesis wordpress theme since they don’t have comment.php file..??
And please enable Subscribe to comment option so that I can follow up this conversation.

Reply

12 Honey Singh July 28, 2009 at 4:32 am

@Harsh
Techprone too have the Thesis Theme and is very easy to implement “Facebook Connect” in it.
Go to your theme folder and find the comment.php file (It is available for every wordpress theme including Thesis)
after opening your comment.php file you can follow the instructions described above to include the “Facebook connect” tags.
Bother me if you have any issues !

Reply

13 sachinuppal July 28, 2009 at 9:22 am

RT @denharsh: How to implement Facebook Connect with your WordPress Blog | Tech Prone http://umov8.tk

Reply

14 Honey Singh October 9, 2009 at 5:39 am

5 min Tip: How to implement #Facebook Connect with your #Wordpress Blog http://bit.ly/3naSUo

Reply

15 Aditya V Thoomati October 9, 2009 at 5:42 am

RT @honeytech 5 min Tip: How to implement #Facebook Connect with your #Wordpress Blog http://bit.ly/3naSUo

Reply

16 Mark29 October 22, 2009 at 5:49 pm

It has pedagogical purpose to enable students to think critically about the issue of evaluation and rubrics, and therefore to think critically about their own submissions. ,

Reply

17 mihnea February 9, 2010 at 10:14 am

actually i just tried this on a Thesis WP site, and it didn’t work :)

Reply

18 Honey Singh February 9, 2010 at 10:17 am

@mihnea
Where you faced the problem?
It works like cream for me !

Reply

19 Wholesale polo shirts April 22, 2010 at 11:31 pm

Thanks for making my morning a little bit better with this great article!!

Reply

20 Blogging Tips April 29, 2010 at 4:03 am

Apparently, a lot of Thesis users are having issues trying to implement this (me not an exception). You have not done so here on your blog either, do you?

Anyway, nice tut!

Yan

Reply

21 ffffff September 3, 2010 at 8:08 am

ggg

Reply

22 coupon codes July 18, 2011 at 7:49 am

Yes, really. I join told all

above. We can communicate on this theme.

Reply

23 Saleem October 1, 2011 at 11:01 pm

thanks for this plugin

Reply

Leave a Comment

Previous post:

Next post: