Facebook Connect Magento Extension

Featured Image

We’re proud to present free Facebook Connect Magento extension which enables customers fast and easy registration and login with their Facebook identity. And it’s just been updated!

Important

Facebook updated it’s authentication mechanism but so did we, so please update your extension to the newest version since older versions won’t work anymore.
Also, if you’re getting “An error occurred. Please try again later.” message in connect popup, you need to get new “App ID/API Key” from Facebook and enter it into Magento. Check your Application Secret along the way.

Download

Download Inchoo_Facebook-0.9.9.zip, extract files to appropriate place following directory structure and reload cache.
Latest pre-relase versions can always be downloaded on my github project page.

About

Facebook Connect Magento extension enables customers one click registration and login with their Facebook identity. It automatically registers new users and logs in existing ones.

Current extension is compatible with latest Magento CE 1.6, but also with older 1.5, 1.4 and 1.3.2.x versions. It’s using brand new Facebook thingies like open graph protocol and open source JavaScript SDK.

If you’re interested to see additional languages in future releases, help us translate it by following instructions.

Facebook App

For Facebook Connect to work you need to Setup Application on Facebook and obtain its App ID/API Key and Application Secret.

Use your store name as application name and read and accept terms of service. On second screen set App Domain and Site URL(under checked Web Site tab), both to the store domain where you plan to implement Facebook Connect. Save Changes. Other Connect settings are optional, but you might want to add store logo for example.

Magento Setup

Once you obtain two keys navigate to Magento Administration, copy/paste them to appropriate fields under Configuration->Customer->Facebook Connect, set Enabled to Yes and you’re good to go. If you’re updating from previous releases, you also need to Enable it to work.

Default template files (frontend/default/default/template/facebook/*) and layout (layout/facebook.xml) makes Facebook Connect work out of the box with default theme, but we tried to make customizations as easy as possible so all you need to do is add button or link with “facebook-connect” rel attribute set anywhere in the theme, static block or cms page, for example:

<button rel=”facebook-connect” class=”form-button” type=”submit”><span>Connect with Facebook</span></button>
<a rel=”facebook-connect”>Connect with Facebook</a>

Latest Changes

v.0.9.9
- Client and javascript compatible with new Facebook authentication changes.
- Event.fire changed to document object to avoid javascript conflicts.
- Asking for user_birthday permission from now on.
- Norwegian translation added thanks to Magnus Alexander.

v.0.9.8
- Version fix, licenses added, connect release.

v.0.9.7
- Estonian, Swedish, Czech, Turkish and Korean translations added thanks to Sir Mull, Andreas Karlsson, Pavel Hrdlicka, ea and COBAY.

472
Top

Enjoyed this post?

Subscribe to our RSS Feed, Follow us on Twitter and spread it to your friends!

Author

Ivan Weiler

Team Leader

Ivan is a team leader and a senior web developer. He gained lots of experience managing some of the most complex Magento projects we had at Inchoo.

Other posts from this author

Discussion 472 Comments

1 8 9 10
Add Comment
  1. Sujeesh

    Hi

    In our site, new users are not able to login\register to the site using FBlogin. But it works fine for old users. We are using inchoo plugin. Whether we need to update something?

    Please help me if anyone knows the solution.

    Thanks in Advance

  2. Hélio

    When I click the button login with facebook, opens the one popup screen and directs it to the standard error of magento. When I look at the error in /var/report I get the following errors:

    a:5:{i:0;s:37:”Invalid attribute name: facebook_uid.”;i:1;s:1665:”#0 /var/www/virtual/projeto/html/loja/app/code/core/Mage/Eav/Model/Entity/Collection/Abstract.php(1156): Mage::exception(‘Mage_Eav’, ‘Invalid attribu…’)
    #1 /var/www/virtual/projeto/html/loja/app/code/core/Mage/Eav/Model/Entity/Collection/Abstract.php(1241): Mage_Eav_Model_Entity_Collection_Abstract->_addAttributeJoin(‘facebook_uid’, ‘inner’)
    #2 /var/www/virtual/projeto/html/loja/app/code/core/Mage/Eav/Model/Entity/Collection/Abstract.php(292): Mage_Eav_Model_Entity_Collection_Abstract->_getAttributeConditionSql(‘facebook_uid’, ’1138000505′, ‘inner’)
    #3 /var/www/virtual/projeto/html/loja/app/code/community/Inchoo/Facebook/controllers/Customer/AccountController.php(45): Mage_Eav_Model_Entity_Collection_Abstract->addAttributeToFilter(‘facebook_uid’, ’1138000505′)
    #4 /var/www/virtual/projeto/html/loja/app/code/core/Mage/Core/Controller/Varien/Action.php(418): Inchoo_Facebook_Customer_AccountController->connectAction()
    #5 /var/www/virtual/projeto/html/loja/app/code/core/Mage/Core/Controller/Varien/Router/Standard.php(253): Mage_Core_Controller_Varien_Action->dispatch(‘connect’)
    #6 /var/www/virtual/projeto/html/loja/app/code/core/Mage/Core/Controller/Varien/Front.php(176): Mage_Core_Controller_Varien_Router_Standard->match(Object(Mage_Core_Controller_Request_Http))
    #7 /var/www/virtual/projeto/html/loja/app/code/core/Mage/Core/Model/App.php(304): Mage_Core_Controller_Varien_Front->dispatch()
    #8 /var/www/virtual/projeto/html/loja/app/Mage.php(596): Mage_Core_Model_App->run(Array)
    #9 /var/www/virtual/projeto/html/loja/index.php(88): Mage::run(”, ‘store’)
    #10 {main}”;s:3:”url”;s:47:”/loja/inchoo_facebook/customer_account/connect/”;s:11:”script_name”;s:15:”/loja/index.php”;s:4:”skin”;s:7:”default”;}

  3. hey guys, when i test login get error, “Facebook connection failed. Service temporarily unavailable ” how can i fix it, thanks!!!.

  4. Hopefully you should all be running the 1.0.0 version of Ivan’s code now. This has improved segregation to avoid a lot of integration issues with other FB code running on site.

    One major thing to consider is that the Helper Class is now “inchoo_facebook”. So you will need to update any of your hard links, especially if you also run with GoMage Light Checkout, to:

    <a rel="facebook-connect" title="__(‘Login with Facebook’);?>” href=”helper(‘inchoo_facebook’)->getConnectUrl() ?>”>__(‘Login with Facebook’);?>

    Hope this helps some of you folks….

  5. Have anyone tested this Extension with Magento Enterprise Edition?

  6. Scott

    I have installed this and added:
    Connect with Facebook
    but all this gives me is something that looks like a hyperlink but it is not clickable.

    @eCommistry Is that code you posted missing a lot of stuff? Looks like it was stripped out when you posted?

    I have v1.0.0 installed and a custom theme.

    I tried putting just a ‘.’ as the link in the footer so I can get this working on a live site. Do I need to do anything special because I am using a custom theme of can I just put this link anywhere?

  7. Scott

    That should read…
    <a rel=”facebook-connect”>Connect with Facebook</a>

  8. Scott

    I figured it out. Some of the files needed to be in my own directory theme, not sure which one(s) actually did the trick, I might leave it as it is for now

  9. I will try it on current Magento Enterprise Edition.

  10. every time show me error “An error occurred with . Please try again later.” any one can help me?

  11. yoni

    Worked like a charm.. you guys are the best.. keep up the good work.

  12. yoni

    @Alex, md nzrul islam – i had the same error message but can’t really say what fixed it.. all i did was to delete the app and recreate, update key on magento backend. good luck.

  13. Has this been turned into an extension?

  14. Gary Hussey

    I cannot seem to get this to show up in the admin on magneto version 1.7.0.0. Has anyone had this working on this installation?

  15. Not having much success with this showing in the navigation on Magento 1.7, has it been tested?

  16. Calvin, you’re pyro site is broken. get with me on skype boss.ninja

  17. I’ve added this to my site and it shows the login button, but when i try to click, it wont do anything. anyone knows what is wrong or how to solve this problem?

  18. aditya

    I downloaded the latest source from github, and when i install i get the following errors :

    CONNECT ERROR: Package file is invalid
    Invalid package name, allowed: [a-zA-Z0-9_-] chars
    Invalid version, should be like: x.x.x
    Invalid stability
    Invalid date, should be YYYY-DD-MM
    Invalid channel URL
    Empty authors section
    Empty package contents section

  19. David

    How to add button instead of “connect with facebook” link?

  20. How compatible is this with mage 1.7.0

    and can we install via magento connect?

  21. Joe

    I have the same problem as suplemen kesehatan on Magento 1.7 – everything appears fine but the Connect with Facebook button doesn’t do anything.

  22. Joe

    A follow up – I found that by disabling a the Facebook feed extension on my website made the Inchoo FB connect start working. Just gotta figure out how to make them work together. I am using 1.0.0 which should have the improved segregation.

1 8 9 10

Add Your Comment

Please wrap all source codes with [code][/code] tags.
Top