{ Gearing your tech needs }

How to implement Facebook Connect with your WordPress Blog

by Honey Singh on July 18, 2009 · 16 comments

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

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 page

The final button will look like below

How this plugin works?

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.

Hey Bro, why not share this post :

Article by Honey Singh

Honey is a web evangelist having work experience in Social Technologies, Blogging, Web-Development and UI Designis. Honey commonly blog on Honeytechblog and popularly known as "honeytech".

Honey has written 82 awesome articles for us.

You May Also Be Interested In...

WP-Super-Cache comes with new check list of Accepted Filenames & Rejected URIs

Top 69 WordPress plugins for Twitter

15 plus best adsense plugin for wordpress bloggers

How can you withdraw a facebook friend request?

How to transfer iPhone sms to computer..

8 Tweets 4 Other Comments

{ 16 comments… read them below or add one }

1 blogkori July 18, 2009 at 10:13 am: SU’d: How to implement Facebook Connect with your WordPress Blog http://is.gd/1DkJi

This comment was originally posted on Twitter
2 Abhinav July 18, 2009 at 3:47 pm: shows compatible upto 2.6
tested on higher versions ?
3 alvinkoay July 19, 2009 at 12:44 am: How to implement Facebook Connect with your WordPress Blog http://bit.ly/VkCNq

This comment was originally posted on Twitter
4 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
5 djbhai July 19, 2009 at 3:29 am: You should know that “How to implement Facebook Connect with your WordPress Blog” http://is.gd/1DZMh

This comment was originally posted on Twitter
6 djbhai July 19, 2009 at 6:24 am: How to implement Facebook Connect with your WordPress Blog http://bit.ly/YhQcr (via @alvinkoay@arafat21@abhinavsahai@MRsohel@blogkori)

This comment was originally posted on Twitter
7 honeytech July 19, 2009 at 6:48 am: How to integrate Facebook Connect with your WordPress Blog http://is.gd/1DZMh

This comment was originally posted on Twitter
8 Abhinav July 19, 2009 at 10:22 am: oh great ! will implement rightaway.
thanks
9 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.
10 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 !
11 ehostachy August 3, 2009 at 12:37 pm: How to implement Facebook Connect with your WordPress Blog http://ff.im/-673JY

This comment was originally posted on Twitter
12 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. ,
13 mihnea February 9, 2010 at 10:14 am: actually i just tried this on a Thesis WP site, and it didn’t work
14 Honey Singh February 9, 2010 at 10:17 am: @mihnea
Where you faced the problem?
It works like cream for me !
15 Wholesale polo shirts April 22, 2010 at 11:31 pm: Thanks for making my morning a little bit better with this great article!!
16 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