Facebook Connect WordPress Plugin Configuration

Installation and configuration videotutorial:


1. Log in to the Facebook Developer application: http://www.facebook.com/developers/

2. Create a new application, more info: http://developers.facebook.com/get_started.php

3. Upload the `fbconnect` folder to the `/wp-content/plugins/` directory

4. Activate the plugin through the ‘Plugins’ menu in WordPress

5. Configure the plugin through the ‘Facebook Connector’ section of the ‘Settings’ menu

6. Use the Facebook App info (step 2) to configure the plugin

7. Create a new template for comments.

8. Activate the Facebook Connector widget from the ‘Design / Widtgets’ menu.

9. Important: If you dont see the Facebook Connect login button and the user photos (on IExplorer), you need to modify your “header.php” theme file:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
......

Plugin Download and more information

197 thoughts on “Facebook Connect WordPress Plugin Configuration

  1. I’ve tried numerous times and unfortunetely I just can’t get the Facebook button to load in any browser – I did everything that was suggested on this site, and watched both videos. Guess I’ll have to come back when you have a newer version – nice idea though.

  2. Brilliant tutorial! I’m not remotely a developer, and you made it easy enough for me to understand what to do. Thanks so much for taking the time to develop this and to make it easy for us non-technical folks.

  3. Nice plugin. It works well for me in firefox, but i get this error in IE

    Error #2044: Unhandled securityError:. text=Error #2048: Security sandbox violation: http://static.ak.connect.facebook.com/swf/XdComm.swf cannot load data from https://api.connect.facebook.com/restserver.php?method=fql.query.
    at XdComm/sendXdHttpRequest()
    at Function/http://adobe.com/AS3/2006/builtin::apply()
    at ()
    at flash.external::ExternalInterface$/_callIn()
    at ()

    any ideas?

  4. i have a problem :s when i click on the connect button it shows me an error :

    Invalid Argument

    The Facebook Connect cross-domain receiver URL (http://blogpourri.com/wp-content/plugins/fbconnect/xd_receiver.htm#fname=_opener&%7B%22t%22%3A3%2C%22h%22%3A%22fbCancelLogin%22%2C%22sid%22%3A%220.285%22%7D) must have the application’s callback url (http://www.blogpourri.com) as a prefix. You can configure the callback url in the application’s settings.

  5. I still want there to be ONLY a ‘Login using Facebook’ option; IE, I don’t want to see the ‘Already a member?’ Loging, which logs in directly with WordPress.

    Mike

Leave a Reply