Facebook Connect Magento Extension

Facebook Connect Magento Extension

This is free Facebook Connect Magento extension which enables customers fast and easy registration and login with their Facebook identity.

This extension isn’t actively updated anymore. For newer Magento you can use separate Social Connect Magento extension from my coworker Marko Martinovic, Inchoo.

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.

You made it all the way down here so you must have enjoyed this post! You may also like:

Social Connect Magento extension Marko Martinovic
Marko Martinovic, | 399

Social Connect Magento extension

Google Connect Magento extension Marko Martinovic
Marko Martinovic, | 60

Google Connect Magento extension

Building a “Facebook Like” button extension for Magento in 15 minutes Branko Ajzele
Branko Ajzele, | 9

Building a “Facebook Like” button extension for Magento in 15 minutes

609 comments

  1. i have tried all but still showing error

    An error occurred. Please try again later.

    where is file ‘init.phtml’ in magento. i mean file path i can’t find where it is.

    please help me ASAP.

  2. This module is missing support for obscured facebook email addresses, like those from proxymail.facebook.com. We require valid email addresses, so is there a solution to this? If not, I’m writing up a patch so you can toggle non proxymail.facebook.com emails as a requirement.

  3. Hello, Neat post. There is an issue along with your site
    in internet explorer, may test this? IE still is the
    market chief and a large part of other folks will omit your magnificent
    writing due to this problem.

  4. Hi:
    I have made the facebook app & uploaded the app folder on the server. I’m not getting the facebook login. Can anyone help me through the steps.

  5. @Bogdan – yes, it happened to all of the Facebook apps that people have. They have some changes in how the API works and are letting people know that they must verify their apps work with said changes.

    If you do not accept the changes, they will still occur on the scheduled date: February 6, 2013 so it is wise for developers to test first.

    For this particular app (Inchoo Facebook Login), everything is working fine with the changes – at least for 1.5.0.1 which is the one we use.

    Here is the roadmap for upcoming changes:
    https://developers.facebook.com/roadmap/#february-2013

  6. Hello,
    Does anyone know what is this about?
    Today I received this facebook alert:

    “Your app, Login, needs to be updated for the February 2013 Breaking Changes”.

    Thank you

  7. Error Fixed. if somebody use jquery then it will give ‘Facebook connect failed’.

    use this line top of the ‘init.phtml’ file

    <script>
    jQuery.noConflict();
    </script>
  8. Error Fixed. if somebody use jquery then it will give ‘Facebook connect failed’.

    use this line top of the ‘init.phtml’ file

    jQuery.noConflict();

  9. Marlon – Please explain

    Just awesome! Works and verified for 1.7.0.2. Hint: If it’s not working, don’t forget to add xmlns:fb=”http://www.facebook.com/2008/fbml”
    to <html

  10. THanks Ivan,

    Your extension working great.!
    just a question, , when i already logged in, the connect with fb link still visible., is it normal?, the link is redirected to customer account, i am expecting that it will redirect to a new window w/ my fb account

    Thanks much

    1. I think it’s depend on the template structure.We can validate the login status using follow snippets.

      helper(‘customer’)->isLoggedIn() ){ ?>

      Cheers!

  11. We recently tested this extension and we having problem in Magento flash sales enabled web site(Magento Enterprise).

    When we enable Magento Access Restriction this extension not working as expected. Is this bug in this extension or can you guys fix this issue?

  12. Hi, This extension is amazing. For me in magento CE 1.7.0.2 works fine even if i change the password i can log in by facebook or normal login.

    I just experienced na issue, in checkout sometimes i need to refresh page to facebook login works. btw it’s a fantastic extension.
    In my case é modded the extension to fit my needs.

    Thanks,

    pedro

  13. thanks Heaps for this. and other things has made building this site so much easier with your help has saved me many a time.

    One query is….

    if I log out (with magento) and then log back in… it automatically logs me back into site with same facebook.

    is there a way to get the login window to ask for username and password again incase user wants to login with different username/password.

    thanks,

    MC

  14. I am getting the same error as W.Rikkers,

    Fatal error: Call to a member function getBackend() on a non-object in /home/repear54/public_html/app/code/core/Mage/Eav/Model/Entity/Abstract.php on line 816

    PLEASE HELP, you have the best extension by far and I would really love to get it working.

    NOTE: I have it working perfectly on my test site, it is the exact same setup as the live site, just this error is appearing.

  15. I am getting Facebook connection failed. Temporariry service failed please help me out guys i am using magento 1.7 release

    Thanks in Advance
    Gopal

  16. How does this work exactly. I mean, I’ve done this personally on other sites as a customer. But from a business side, does the store import customer data from FB and create an account using that data? What if the customer decides to stop using fb, will they still be able to access my store using their email ?

  17. I am unable to login with facebook. it will work only my facebook account. when i am inserting my facebook account it will work fine but when i enter another facebook account than it will not work.. i think it has Facebook API configuraqtion problem. i follow the given istruction for creating facebook api.. please help about this…

  18. Hi,

    I got the same problem of Coen and Sachin, “Facebook connection failed.” error when i try to login with a facebook account.

    Someone have a solution please ?

    Thanks

  19. Hi Ivan,

    I’ve installed your Facebook Connect extension on my website (Magento 1.7.0.2) and am facing some problems.

    1. if i use the button for a new account without having Facebook open in one of my browser tabs, i get the following message: “Facebook Connection Failed”
    2. if i use the button for a new account with having Facebook open in one of my browser tabs. I can login/register perfectly.
    3. if i login/register from the same computer with another Facebook account i login with the wrong account. (after clear history an browser cache)

    Can you please advise me how to solve this!

  20. I could’t get it to work, when i clicked the link there was no popup. Instead it refered me directly to the login page… I found out when jQuery was removed from my code the button|link started working and the popup showed up.

    I found out that my installation of jQuery wasn’t right.
    http://www.magentocommerce.com/wiki/4_-_themes_and_template_customization/javascript_related/how_to_use_jquery_1.2.6_lastest_with_prototype

    It helped me out =)

    Thanks for the plugin,
    Martijn

  21. I’m getting the error

    Fatal error: Call to a member function getBackend() on a non-object in /home/smartass/domains/smartass.keytoe.nl/public_html/app/code/core/Mage/Eav/Model/Entity/Abstract.php on line 816

    What am I doing wrong?

  22. I have integrated this extension, Can see connect to facebook near chat , where user can login. I will make my site for online games products. But when I click on link it tooks me account page with Facebook connection failed. Any help!

  23. When i integrate this extension, it display error “Facebook connection failed.”

    Please tell me solution

  24. Extension is working all good at localhost but at the draft site it throws an exception. “Facebook connection failed. Service temporarily unavailable.”

    I tracked this line at “AccountController.php” at line 92 but I cannot find the reason why is it going there. Can you please help me with this.

    Any help would be greatly appreciated.

    Thanx in advance

  25. @Chanda, and everyone else who has got a button that is not clickable.

    Check your themes 1column.phtml, 2columns-left.phtml etc. and make sure that they are not missing this critical line: getChildHtml(‘after_body_start’) ?>

  26. I am running magento version 1.7.0 and set up the magento connect version 1.0.0 using the files available on github.

    I have followed the instructions and pasted the connect code..I am getting the button but the button is not clickable.. I think,the facebook init files are not loading it..Once I am taking view source of the page, I can not see the code related to facebook…

    Can you guys help me out here ? Thanks in advance.

  27. Hey Ivan,
    First of all thanx for the great work mate. I’ve implemented your extension in many number of sites and never faced the problem. Except until now 🙂

    I have installed your extension here: http://draft.hungermunch.net/

    The same version of the site is at my localhost too where I do my development.

    Your extension is working all good at localhost but at the draft site it throws an exception. “Facebook connection failed. Service temporarily unavailable.”

    I tracked this line at “AccountController.php” at line 92 but I cannot find the reason why is it going there. Can you please help me with this.

    Any help would be greatly appreciated.

    Thanx in advance

  28. If I would like all the customer that login using facebook to be put in a specific customer group, is that possible?

  29. Just awesome! Works and verified for 1.7.0.2. Hint: If it’s not working, don’t forget to add xmlns:fb=”http://www.facebook.com/2008/fbml”
    to <html 😉

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <blockquote cite=""> <code> <del datetime=""> <em> <s> <strike> <strong>. You may use following syntax for source code: <pre><code>$current = "Inchoo";</code></pre>.

Tell us about your project

Drop us a line. We'd love to know more about your project.