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.

469
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 469 Comments

1 2 3 4 10
Add Comment
  1. eddi

    @Linden Burke,

    you can’t, because Inchoo made a registration module via facebook, not only a simple loggin, the email customer is stored as a magento customer, then facebook never provides their member emails to any website (for spamming reasons) unless you choose to give your email by yourself.
    the “proxy emails” comes from Facebook, you cannot disable that proxy, even if you try to do it manually using Facebook connect API.

    cheers.
    Eddi

  2. Tuppi Sau

    Thanks Toni,
    But I wanted to say that, when the user account is already associated with the facebook connect, it may be wise to hide the menu. Anyway, that’s not the big deal since I can do it on my own.

    I have another question, may be everyone is waiting for the next version of this module. For now, all it does is; it associates the user account at magento store(s) to their facebook account or we may say it allows for quick registration and login to users who have their facebook account. But, is it possible that in the next version user(s) from the magento store(s) can allow the site to publish their purchase history and customers will have the option to automatically tell friends about their purchases. They can choose to have/not have their purchase details displayed on their Facebook wall.

    Just curious.

  3. ron k

    this is awesome! is there a way to put a connect with facebook button at checkout?

  4. I’m getting the following errors now;
    Warning: call_user_func_array() [function.call-user-func-array]: First argument is expected to be a valid callback, ‘Magestore_Facebook_Helper_Data::getConnectUrl’ was given in /home/blackcyc/public_html/app/code/core/Mage/Core/Model/Layout.php on line 326

    Trace:
    #0 [internal function]: mageCoreErrorHandler(2, ‘call_user_func_…’, ‘/home/blackcyc/…’, 326, Array)
    #1 /home/blackcyc/public_html/app/code/core/Mage/Core/Model/Layout.php(326): call_user_func_array(Array, Array)
    #2 /home/blackcyc/public_html/app/code/core/Mage/Core/Model/Layout.php(216): Mage_Core_Model_Layout->_generateAction(Object(Mage_Core_Model_Layout_Element), Object(Mage_Core_Model_Layout_Element))
    #3 /home/blackcyc/public_html/app/code/core/Mage/Core/Model/Layout.php(212): Mage_Core_Model_Layout->generateBlocks(Object(Mage_Core_Model_Layout_Element))
    #4 /home/blackcyc/public_html/app/code/core/Mage/Core/Controller/Varien/Action.php(343): Mage_Core_Model_Layout->generateBlocks()
    #5 /home/blackcyc/public_html/app/code/core/Mage/Cms/Helper/Page.php(106): Mage_Core_Controller_Varien_Action->generateLayoutBlocks()
    #6 /home/blackcyc/public_html/app/code/core/Mage/Cms/Helper/Page.php(52): Mage_Cms_Helper_Page->_renderPage(Object(Mage_Cms_IndexController), ‘home’)
    #7 /home/blackcyc/public_html/app/code/core/Mage/Cms/controllers/IndexController.php(45): Mage_Cms_Helper_Page->renderPage(Object(Mage_Cms_IndexController), ‘home’)
    #8 /home/blackcyc/public_html/app/code/core/Mage/Core/Controller/Varien/Action.php(418): Mage_Cms_IndexController->indexAction()
    #9 /home/blackcyc/public_html/app/code/core/Mage/Core/Controller/Varien/Router/Standard.php(254): Mage_Core_Controller_Varien_Action->dispatch(‘index’)
    #10 /home/blackcyc/public_html/app/code/community/ArtsOnIT/OfflineMaintenance/Controller/Router/Standard.php(46): Mage_Core_Controller_Varien_Router_Standard->match(Object(Mage_Core_Controller_Request_Http))
    #11 /home/blackcyc/public_html/app/code/core/Mage/Core/Controller/Varien/Front.php(177): ArtsOnIT_OfflineMaintenance_Controller_Router_Standard->match(Object(Mage_Core_Controller_Request_Http))
    #12 /home/blackcyc/public_html/app/code/core/Mage/Core/Model/App.php(304): Mage_Core_Controller_Varien_Front->dispatch()
    #13 /home/blackcyc/public_html/app/Mage.php(596): Mage_Core_Model_App->run(Array)
    #14 /home/blackcyc/public_html/index.php(78): Mage::run(”, ‘store’)
    #15 {main

    When I try to go to http://blackcyclemama.com/facebook, I get a blank page. I’ve tried to understand the comments above regarding the 301 redirect— could that be the problem?

  5. It’s possible that our module and Magestore_Facebook module seen in this error don’t like each other, so try to disable one of them. Our Inchoo_Facebook can be disabled by deleting app/etc/modules/Inchoo_Facebook.xml file and refreshing cache.

  6. Thanks. I had to uninstall the Magestore_Facebook module for it to work. Disabling it didn’t do the job.

  7. Hey,
    Just to congratulate, really really great work, easy install, works immediatly.
    Once again really good job.
    I agree with Steph, I also had to uninstall the Magestore_Facebook_module, no matter it was useless for me.
    Thank you very much !

  8. trondage

    Tried the module today, but can’t get it to work.
    When I press “Connect with Facebook” on the top-links, I get: “Facebook Connection failed.” and the “Connect with Facebook”-button on the login-page doesn’t work at all (can’t even click it)..

    What have I done wrong? I think I have filled all required fields on the Facebook-app page.

    I’d love to make this module work! :-)

  9. Hi,
    I’m back is there a way change the ‘plain” link in the header menu by the logo of facebook connect ?
    Cheers,
    Julien

    @TRONDAGE: I had the issue on my site, the problem was in the url I gave to facebook in the app, be sure your url put in facebook app is the right on no mistake at all.

  10. hello, i tried this module but don’t work for me.
    I see in facebook app there isn’t field ‘email domain’ in tabs advanced.
    In magento i’m using a package name: ‘elegant’, so in facebook module’s folder tree i change
    app->design->frontend->default->deafult
    to
    app->design->frontend->elegant->deafult
    is it correct?

    But facebook connect don’t work.

    Can someone help me?
    Thanks

  11. Nice guys !!!

  12. I tried to install this extension with magento 1.4.0.1, it always give me an error “Facebook Connection failed. Service temporarily unavailable.”

    Please can someone help me?

  13. Works great guys, just installed this on http://www.junglespice.com.au/corset.html.

    Their is a issue though, when a Guest user adds a product to their shopping cart and then clicks on Shopping cart, if you click on ‘Connect with Facebook’ you get a error. Any chance this will be a feature in the next version or the ability for a user to use facebook connect when checking out.

    Other than that guys great job and many thanks.

  14. allen

    Hello , this extension is great , how can we map more data like user birthday into customer account ?

  15. Pratik

    Hi,

    I have tried with this extension, but when i try to connect it keeps on returning “Facebook Connection failed” error.

    Any help?

  16. Great extension for magento! I was seeing the code and is very useful. I integrated perfect with my website.
    Congrats! continue with the next release and Thanks for sharing! =)

  17. Thanks you very much, install easy and perfect with my store magento 1.4.0.1

  18. Thanks for a terrific extension. Installed with no problem!

    Now I’m trying to figure out how to add a class to the Facebook Connect link so I can replace it with a recognized Facebook Connect image.

  19. Yara

    Hi guys, thanks for a great module … I have been trying to style the button according to Facebook CSS but I m running into the above mentioned problems with:

    the event “click” catches a click but
    e.element().tagName = “span” and not “button”

    This does not work, neither when using span …

    Connect with Facebook

    Thanks for any help!

  20. Yara

    ok, one more time …

    a rel=”facebook-connect” class=”fb_button fb_button_medium” div class=”fb_button_text” Connect with Facebook /div /a

  21. Yara

    just read this “Facebook to kill Facebook Connect” – http://mashable.com/2010/04/21/facebook-kills-facebook-connect/

  22. I would also like to know how to style the button with my own image. Any help would be so great.
    Can someone pls share an example

  23. May I make a suggestion? You might want to add translate=”label title” and a element to the facebook.xml for people utilizing translations. Looking forward to 1.0 (any word if it will utilize the new Facebook protocols?)

  24. Kumar Saurabh

    Hi,
    I have used the fantastic extension and it was working great, but from today moring it started giving “Incorrect Sigtnture” Error from facebook..
    Any Idea??

  25. Hi guys,

    thanks for awesome extension. I would like to know where I can change link name (in right corner) ?

  26. Hi,

    Anyone got changed the button to original facebook connect button ?

    Regards

  27. Yes Vijay,

    You can change the original FBC button with background style

    And add more css attributes for better apparence

  28. Yes Vijay,

    You can change the original FBC button with background style

    button rel=”facebook-connect” class=”form-button” type=”submit” style=”background-image: url(‘http://static.ak.fbcdn.net/images/fbconnect/login-buttons/connect_light_medium_short.gif‘);”

    And add more css attributes for better apparence

  29. Thanks David.

    I have no knowledge of PHP.

  30. Oh Vijay, the front code is only html and css to show the button styled. But no PHP.

  31. Thanks again, you saved my time. :)

  32. Wessel

    Thanks for the great plugin. The “add to wishlist” does not work if you were not logged in and choose the “connect to facebook”. Also not on your demo site it seems. You will get on the account page without the article in your wishlist.

    Is that a known issue maybe?

    Thanks for any help.

  33. The Facebook connect is not working on sites I have this plugin installed or the demo site

  34. Makesh

    The plug in is great, i used the it and it perfectly works fine on my local setup but the same is not working when put it on the production , my production machine is in linux. i was able to integrate the module and i am also getting the login window when i click connect with facebook option which prompts for login name and password but when i provide the login crendientials and allow the user to access my site , it throws a Error 500 , i am little clue less here what is happening

    Any help is appreciated

  35. Zmove

    Great extension, works great. I think it can be released on magento connect as 1.0 version.

  36. BCG

    Hi thanks for the great extension which I managed to install successfully. It worked fine before but now I get an error message saying Facebook Connection failed

    Any help please?

  37. This is obtaining a bit extra subjective, but I much prefer the Zune Marketplace. The interface is colorful, has far more flair, and some cool features like ‘Mixview’ that let you quickly see related albums, songs, or other users related to what you’re hearing. Hitting some of those will target that item, and another group of “neighbors” will come into view, letting you navigate approximately exploring by similar artists, songs, or users. Speaking of users, the Zune “Social” can also be great fun, allowing you to find others with shared tastes and achieving friends with them. You then can listen to a playlist created depending on an amalgamation of what all your friends are listening to, which is also enjoyable. Those worried about privacy is going to be relieved to know you are able to prevent the public from seeing your personal listening habits should you so choose.

  38. Justinas

    Hi,

    I am getting error when connecting via facebook:
    Fatal error: Class ‘Zend_Log’ not found in …./app/code/community/Inchoo/Facebook/Model/Client.php on line 156

    Weird, because this line is function definition:

    private function __get($var)

    Using Magento 1.4.1.1
    Thanks for any help.

  39. Zmove

    When we will be able to see that extension on magento connect ? It’s easier to install and uninstall.

    Regards,

    Alex

  40. hhh

    facebook coonection failed….. no pop is open on click of facebook connect…………..any solutions?????????????

  41. Matt

    I have this connector working successfully on my site, now i need to make it look good.
    I have found all the files required.

    Would someone be able to post the php code for replacing what David Toro said:

    You can change the original FBC button with background style

    button rel=”facebook-connect” class=”form-button” type=”submit” style=”background-image: url(‘http://static.ak.fbcdn.net/images/fbconnect/login-buttons/connect_light_medium_short.gif’);”

    I do not know how to split this into php and css

    thank you

  42. I am also looking for a solution for adding an the image

  43. Dear All,

    Sorry my bad english.

    I can find your Magento Facebook Integration modul, but i don’t tested now.

    This modul work more than one shop? It’s work multisite, multistore with _multi top level domain_ (or only subdomains?)?

    thank you for your answer and the excellent modul.

    tiborg

  44. rabindra

    thanks boss
    working smoothly

  45. allen

    connect with facebook button doesn’t work on webkit browsers (safari/chrome). has anyone else tested it?

  46. BoSua
  47. Pablo

    I have the same problem as allen, it only works on ie, it doesn’t work on chrome,

    I hope that you note this.

  48. I was trying to test the Facebook connect on webkit browsers and am having the same failed luck. It crashes on Safari and does not connect on Chrome.

    Any word on version 1.0 being released?

  49. Calvin

    Getting facebook connection error message + button not poping facebook login window. I am using Magento CE 1.4.2. Anyone got this working ?

  50. see

    Hi

    Please help i have install with magento 1.4.2.0 the problem is cannot connect from homepage
    no popup show if click on homepage but others page it’s work normally.

    thanks

1 2 3 4 10

Add Your Comment

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