Home TutorialsGeneral TopicsSetting Up FB Connect

How to set up Facebook Connect for Jomsocial

Facebook Connect will allow your users or site visitors to log into your site using their Facebook login credentials.

Here is a simple Step by Step guide to help you set up Facebook Connect if you make use of the Joomla extension : JomSocial Version 1.2

Step 1

Log into Facebook Developers or sign up for a Facebook account if you do not already have one . Follow the simple picture guide as your proceed to set up your Application on Facebook.

Step One

Step 2

This is where you start with the actual setup of your Application. Give it a name like Joe Black's FBConnect or similar, Agree to the FBTerms of Service andClick "Save" .

Step 2

Step 3

This is the step where the Facebook API generates a unique API key and A Secret Key for your newly created Facebook Connect Application. These are the details you will need to input into the JomSocial Administration Configuration settings. These details will authorise your site to connect with Facebook. You can also upload your sitesLogo here if you like.

Step 3

Step 4

This step is very basic and no explanation is necessary.

Step 4

Step 5

Please take extra caustion when inputting your site URL's in this step. All your URL's must be absolute ( eg: http://yoursite.com/whatever ) EXCEPT for the Base Domain which will look like yoursite.com.

After this last step you can go back to your site and test by trying to log into your Jomsocail Community site with your Facebook credentials.

Step 5

What's that I hear you say ? You want to drop a small donation to support the tutorials, no problem, just click here

Set as favorite

Bookmark

Email this

Comments (28) add comment

Subscribe to this comment's feed

mustaq said:

	... I cannot recreate your reported issue. Have you checked the Jomsocial Support Forums for more help ?
	report abuse vote down vote up

March 09, 2010
Votes: +0

usman zaheer said:

issue with FBC
hi.. i have successfully done FBC but i am having issue in a specific case.

i am able to produce this issue on every browser of both windows & mac on my site is that first you open facebook and sign in. then you open my site's login page and then before clicking the facebook connect go back to facebook and sign out and then come back to site's login page and click on FBC and then first time you will see a message 'this site requires you to sign in to facebook' and if you cancel it or even press on 'connect to facebook' it does not matter because the dialog behind will stay blank. and if you close that dialog and then again press on FBC, all you will get will be a blank pop up.

March 09, 2010
Votes: +0

Ehab Mohsen said:

	well thanks dude this was really helpful
	report abuse vote down vote up

February 25, 2010
Votes: +0

Dylan said:

FB connect users can't login with normal login form
Hi

I have Facebook connect set up and working, but if someone has registered on my site using facebook connect, they seem to be unable to login using the regular login form above the facebook connect button.

Is this the correct usage for jomsocial and FB connect.

I would expect that was a user has registered using FB connect, they would be able to login in the normal manner - if not, it will cause terrbile confusion amongst users.

Thanks
Dylan

February 19, 2010
Votes: +0

mustaq said:

	... I just tested your Facebook Connect. Its is working fine, I was able to successfully log into your site with FB Connect.
	report abuse vote down vote up

January 01, 2010
Votes: +1

arrawnt said:

	Not authorised Everything works fine aparently. It says that the connection with facebook is successful. Then theres this button to "update email" but it will take me to the "Profile" page, which I can not see cos I'm not logged in due to the fact that although the account has indeed been created, it is not activated yet. See a demo at www.amphysvena.org
	report abuse vote down vote up

January 01, 2010
Votes: +0

mustaq said:

	The same way Just set it up the same way as explained here. What specific problem are you having ?
	report abuse vote down vote up

December 09, 2009
Votes: +0

oussama said:

	sub domain configuration how to config the sub-domain?
	report abuse vote down vote up

December 09, 2009
Votes: +0

mustaq said:

	... The email address assigned to users connecting with FB COnnect is generated randomly and can be changed later, There is alot of information on the JomSocial Forums to help you understand this process. If you have gotten so far it means that you have correctly set up FB Connect as per this tutorial.
	report abuse vote down vote up

August 15, 2009
Votes: +0

shnai said:

It dodnt work for me - it ads random email like this 3aXVi3w2@foo.bar
i followed your sample but It didnt work for me, when i click the facebook connect button it ask me to enter username and password, then it says "Congratulations you have been authenticated by facebook. Since this is your first time you have logged to the site, you might want to edit your detail" then theres a Update Email button. when i click the button. it goes to http://site.com//community/profile/editDetails but the page turns blank. and when i check the users created in the backend. it generates email like this 3aXVi3w2@foo.bar this is not the email i used when i tried to login

August 14, 2009
Votes: +0

rahmat said:

	failed to login with facebook connect Sorry there was an error in validating your account. that appears after i click facebook connect button, under the login form..
	report abuse vote down vote up

July 15, 2009
Votes: +1

mustaq said:

	... At which stage of setting up FB Connect do you receive this error message ? Please make a post on our forums or on the Jomsocial forums
	report abuse vote down vote up

July 15, 2009
Votes: +1

Andi Rahmat said:

	Doesn't work i've follow as shown above, but error come up : Sorry there was an error in validating your account. can you guide me please ? http://students.imtelkom.ac.id
	report abuse vote down vote up

July 15, 2009
Votes: +0

neci said:

	thax i have the simimlar problem. First it was working perfectly. but when i change my site host i can login but there is always white iframe page and there is no continuou button..
	report abuse vote down vote up

July 12, 2009
Votes: +0

mustaq said:

	... Strange error. Have you looked on the JS Forums ?
	report abuse vote down vote up

June 22, 2009
Votes: +1

josh said:

	works great but.. hello nice tutorial and i followed every single instruction of it but i have a problem when signing in. Yes it goes through but the avatar from facebook wont import to my site i mean its just blank though the shoutout or whatever they called it on facebook appears on my site jsut the avatar.. anyone can help?
	report abuse vote down vote up

June 22, 2009
Votes: +0

mustaq said:

...

When I try to register using facebook connect the 1st popup window opens asking for my facebook account info (username and password). When I press continue it closes that screen then it opens another window and it shows the 3 little loading squares and it stays blank...no it does not load anything. Plus there is an error on line 33....Can anyone help me with this?

I am sure you have a javascript conflict on your site

June 10, 2009
Votes: +1

trippletest said:

	... Hey guys, When I try to register using facebook connect the 1st popup window opens asking for my facebook account info (username and password). When I press continue it closes that screen then it opens another window and it shows the 3 little loading squares and it stays blank...no it does not load anything. Plus there is an error on line 33....Can anyone help me with this?
	report abuse vote down vote up

June 08, 2009
Votes: +2

mustaq said:

	Thanks Glad to have helped you
	report abuse vote down vote up

June 02, 2009
Votes: +5

alaskalive.net said:

	You Are the Man!!! If you follow directions, exactly, this works perfectly!!! Atleast it did for me. Come test mine
	report abuse vote down vote up

June 01, 2009
Votes: +2

mustaq said:

	... Make sure you enter correct login details
	report abuse vote down vote up

May 31, 2009
Votes: +2

amaru said:

	what Sorry there was an error in validating your account.
	report abuse vote down vote up

May 31, 2009
Votes: +2

mustaq said:

	Not supported currently That feature is not currently possible because of restrictions by the Facebook API, so you will only get one way staus updates, ie FB to JS
	report abuse vote down vote up

May 31, 2009
Votes: +4

chris said:

	umm anyone sussed out how to get this working both ways? ie whne i comment on my site it pops it on facebook?
	report abuse vote down vote up

May 28, 2009
Votes: +1

raphael said:

	Thanks Good and simple to follow, thanks again
	report abuse vote down vote up

May 24, 2009
Votes: +2

mustaq said:

	That it Yes these screenshots show the only info needed to get your Jomsocial site working with FB Connect. All the other details are for more advanced FB Connect usage that is not needed by JomSocial FB Connect currently.
	report abuse vote down vote up

May 24, 2009
Votes: +2

Zaph said:

	Good Job I was looking for something like this, so not all the fields need to be filled in right ?
	report abuse vote down vote up

May 24, 2009
Votes: +1

Shane said:

	Thanks Thanks, I was initially confused by all the fields that werepresented to me.
	report abuse vote down vote up

May 24, 2009
Votes: +3

Write comment

Show/hide comment form