Help  ›  1. Getting started  ›  Using Ultimento  ›  How do I enable Ultimento’s Facebook Connect extension?

How do I enable Ultimento’s Facebook Connect extension?

Ultimento’s new Facebook Connect extension automatically registers new users and logs in existing ones. Here are the steps to set up the extension.

Create a Facebook Application

Head over to Facebook’s developers area to create a new app and follow the steps to create a unique one for your store in the top right corner (“+ Create New App”). Log-in with your own credentials if you are not logged-in already.

1. Set your “App Display Name” and “App Namespace” in the space provided. Check the checkbox to agree to Facebook Platform Policies and click “Continue”.

2.Type in the security code when requested

3. You will then be asked to fill in contact details and app domain. We also recommend that you use your logo as the icon.

Under “Select how your app integrates with Facebook” Check the check mark next to “Website” and put in your “Site URL” (http:// required). Click on “Save Changes” at the bottom.

Your application’s and “API Key” and “App Secret” is at the top of the page which you will need for the next step:

Setup the Magento Facebook Connect extension

That one is easy ;) . Login to your Magento admin and navigate to System > Configuration > Facebook Connect and enter your application’s API Key and Secret code.

Magento Facebook Connect extension - Admin Settings

Magento Facebook Connect extension - Admin Settings

 

That’s it!

Customization and advanced implementation

As always with Ultimento the code is 100% open source so you can easily customize it if you’d like. It’s also easily extendable if you’re interested in adding new features.

You can add a “Connect with Facebook” button anywhere you’d like in your Magento store by adding rel="facebook-connect" to the link tag. Here’s a sample code for example:

<button title="Connect with Facebook" type="button" rel="facebook-connect"><span><span>Connect with Facebook</span></span></button>

You can put that button on any template file ;) . Enjoy!!

If you have any questions about the Facebook Connect extension post ‘em below!

Was this helpful? 1 Star2 Stars3 Stars4 Stars5 Stars

39 Comments


  1. alfred says:

    I followed everything but the button did not work. You can click it but has no action. No refresh.

    What can i do to fix this. thanks.

    AL

  2. Jay says:

    I’m having the same issue as Alfred. Facebook link doesn’t work!

    • noam says:

      Hi Jay – then most likely it’s the same issue as Alfred ;) . Are you sure you followed the instructions carefully? And did you make clear all caches and re-index all data properly?

  3. Hi ,

    We followed all the steps required to connect to Facebook. But we’re still getting an error page. Can you pls help us with this.

    Thanks
    Nina M

  4. Hi Noam,

    we are getting this message – an error occurred please try later. But we’ve been getting this or some similar message for the last couple of days.

    Nina

    • noam says:

      Hi Nina – I just tested your site and I was able to reproduce the error message. As you can see though it’s an error on the Facebook site – not on your Magento. So I’m assuming there’s something wrong on that end.

      My recommendation would be to go through the process of creating a Facebook app again on the Facebook website, being very careful to follow the steps, and then updating your Magento admin with the new credentials from Facebook.

      I hope this helps! Let me know if that solves the problem ;) .

      BTW I love your site! It looks really great and professional – keep up the good work!

  5. John says:

    Noam,

    2 things,

    1) the link does not work for me either. yes I cleared all caches (flushed) reindexed everything successfully) and logged out and logged back in to admin. Refreshed a page and nothing.

    2) The facebook like icon does not show either on the product pages and I’ve not made any changes to the default product layout.

    any other thoughts.

    • noam says:

      Hi John – if the Magento Facebook extension is not working then the Like button won’t show up on the product page either. Are you sure you followed the instructions carefully? Including the instructions to create a Facebook App?

      If you’re still having problems with this feel free to open a new ticket via your account center with your Magento and FTP info and we’ll take a look for you.

  6. Ok thanks a lot Noam. Will try with this. Thanks for your help!

    Nina

  7. Danny Borneman says:

    I am also having problems getting the facebook extension to work. And i think it is caused because facebook gives me a hole different type of api key than shown on the wiki.

    It contains only out of numbers and is a lot shorter as shown on the wiki is also mentioned as my app id. On Facebook it says App id / API key so i don’t have a seperate api key. After searching on google i found out that this ‘new’: http://support.roarengine.com/discussions/support/674-facebook-no-longer-requires-a-separate-api-key-for-their-apps.

  8. Martin Dean says:

    Hi Noam,

    Are there any technical docs for this extension ? (I am using it on the development site for a licensed domain (cowshed) but with my own template tha’s pulling elements form ultimento and other sources.

    The backend appears fine, keys are in place, and I have the button showing up, but without the link. I suspect that I need to isolate and load some specific JS and load it in the head / tags ?

    I can see the result of the JS in the demo, but how is it loaded ? (note: I am working off a 2.0 not a 2.1 base atm.

  9. Aaron says:

    We are having the exact same issue. There must be something missing.

  10. Aaron says:

    Hi Noam,

    This is in regards to the Facebook Connect extension. I can’t get it to work. All the settings seem to be correct and we’ve tried everything on the thread and still nothing.

    Thanks…

    • noam says:

      Everyone else in this thread ended up getting it to work just fine. In all cases it was an issue with configuration on Facebook so make sure of the following:

      1. Make sure you have the latest Ultimento version.
      2. Follow the steps carefully when creating your Facebook App and make sure the URL you set in your Facebook App is exactly the same as your store URL.
      3. Make sure your App credentials are correct and pasted correctly in your Magento admin.
      4. Make sure you don’t have any other extensions on your Magento installation that connects with Facebook.
      5. Make sure to flush all Magento caches, re-index all data, logout and log back in the admin.

      I hope this helps! If you’re still having problems with this after following these steps carefully feel free to open a new ticket via the help desk in your account center with your Magento admin and FTP info and we can take a look at your installation for you ;) .

  11. Mattias says:

    Hi!

    We have the same problem as the once mentioned above, and have located the problem to the locale part of the facebook javascripts reference. In the backend admin page “according to the installation guide screen caps” the locale can be specified (that option isnĀ“t present for us). So the channelurl parameter and e.src = document.location.protocol + ‘//connect.facebook.net//all.js’; part seems to be corrupted.

    Any suggestions?

  12. Mattias says:

    Hi noam!

    It worked fine!

    thnx

  13. Javier says:

    How we change so the all.js instead from en_EN it gets loaded from the correct locale?
    Where I do change the locale of the facebookconnect?

    Thanks ;)

  14. Javier says:

    Hello Support ;)

    I have read the whole lot on top and tells me to update to latest ultimento ok. But where I can set to use es_ES as locale for facebook connect and not en_US that is loading every time ;) ?

    Thanks

  15. Mayday Games says:

    Log in to Facebook link no longer works. Was working just fine. I click it & nothing happens.

    All caches have been cleared, index refreshed, logged out & back in. I even created a new app on facebook for new credentials, and I’m still getting the same issue.

    Nothing has changed on the site to make this happen.

    • Support says:

      Hi Mayday,

      Facebook recently changed their API and is causing problems (not just for us but for anyone integrating with Facebook). We are working on re-configuring Ultimento and should have a patch soon. We will keep you posted!

      Regards,
      Support

  16. Anil Gupta says:

    Hi there,

    Any idea when this problem will be fixed?

    Thanks,
    Anil

    • Support says:

      Hi Anil,

      We should have a patch available by the end of the week which we can get to you if you submit a ticket through the account center. It will also be fixed in the next release scheduled for early January.

      Regards,
      Support

  17. Stefan says:

    Good think I read through this. I did notice the app id and API are now unified into one string.

  18. Stefan says:

    Looks like you guys have fixed this in the demo sites. When will the public update be available :) ?

    • Support says:

      Hi Stefan,

      We should expect to have a new release out within the next two weeks. Hopefully you can wait and we appreciate your patience.

      Regards,
      Support

  19. Javier says:

    I have trried the latest version adn I am getting this errors.

    I have tried the new version… and….
    URL: https://www.domain.com:443/facebookconnect/customer_account/connect/
    IP Address: xx.xxx.212.154
    Time: 2012-01-26 20:17:28 GMT
    Error:
    Service temporarily unavailable.

    Trace:
    #0 /var/www/vhosts/domain.com/httpdocs/app/code/local/Mage/Facebookconnect/controllers/Customer/AccountController.php(23): Mage_Facebookconnect_Model_Client->getAccessToken(NULL)
    #1 /var/www/vhosts/domain.com/httpdocs/app/code/core/Mage/Core/Controller/Varien/Action.php(420): Mage_Facebookconnect_Customer_AccountController->connectAction()
    #2 /var/www/vhosts/domain.com/httpdocs/app/code/core/Mage/Core/Controller/Varien/Router/Standard.php(250): Mage_Core_Controller_Varien_Action->dispatch(‘connect’)
    #3 /var/www/vhosts/domain.com/httpdocs/app/code/core/Mage/Core/Controller/Varien/Front.php(176): Mage_Core_Controller_Varien_Router_Standard->match(Object(Mage_Core_Controller_Request_Http))
    #4 /var/www/vhosts/domain.com/httpdocs/app/code/core/Mage/Core/Model/App.php(349): Mage_Core_Controller_Varien_Front->dispatch()
    #5 /var/www/vhosts/domain.com/httpdocs/app/Mage.php(640): Mage_Core_Model_App->run(Array)
    #6 /var/www/vhosts/domain.com/httpdocs/index.php(80): Mage::run(”, ‘store’)
    #7 {main}

    • Support says:

      Hey Javier,

      Configuring Facebook can be a little tricky as their new API requires a lot of different elements to work correctly. If you’re already on Ultimento 2.4 and still having problems please open up a ticket and we’ll take a look.

      Thanks,
      Support

  20. Dan says:

    Hi Noam,

    I’m using Magento 1.5.1 with Ultimento 2.0.2 and have followed the instructions above but Facebook does not connect. The facebook login page appears briefly then closes and I get the error “Facebook connection failed.”

    Do you think this may be a temporary error on Facebook’s part or should I create the App again.

    Cheers

    Dan

    • Support says:

      Hey Dan,

      Facebook recently changed their APIs and we had to make several modifications to Ultimento to work with their new settings. Ultimento 2.4 includes all the necessary changes so if you upgrade to that you should be good to go.

      Thanks,
      Support

    • Dan says:

      Just a quick update to let you know I upgraded to the 2.4 and Facebook connect works perfectly :)

      Thanks Guys

      Dan

  21. Dan says:

    OK will do.

    Thanks

    Dan

  22. ariel says:

    I get this error when login with facebook

    Facebook connection failed.

    Any ideas?

    • Support says:

      Hi Ariel,

      What version of Ultimento are you on? Facebook recently changed their API’s and Ultimento 2.4 was released to incorporate the changes. If you’re not on 2.4 you should upgrade and if you already have and are still having trouble make sure to check out Facebook Connect guide.

      Thanks,
      Support


Question? Comment? This is the place:

You can use these HTML tags: <a href="" title=""> <b> <cite> <code> <em> <strike> <strong>