Leaderboard

Have you ever wondered how to enable Facebook connect/login to your site? As in, people log in to your site via Facebook? Not to worry! I've got the ultimate solution. In this tutorial, I'll teach ya'll how to get a Facebook login! Just follow my steps carefully and conscientiously, hence they are pretty straight forward. Let's start off by registering as a Developer at Facebook. To do so, visit this link: https://developers.facebook.com/ Once you have opened that link, click on the Register Now button located on the far right above corner. Once you click on Register Now, on step 1 - "Accept the terms." Tick Facebook Platform Policy and the Facebook Privacy Policy. Then the next step should be, "Verify your account." After verifying your account, The next step should be "Tell us about you." Fill that in - it should be an easy one. After that step you should be at "Build your integration." There, you lieterally don't need to do anything, just press "Done" on the right, down corner. Once you press "Done" It will ask for your Facebook's password for security reasons. Put your password word in again. And press "Continue". Once you've putted your password in again, you should be redirected to this page: Now as you can see on the far right above corner, there is a button called " + Create New App" click it. Once you click it - you should see something like this: Where it says "App Name [?] " Type in your App's Name. For this tutorial we'll put it, WebFlakeCake. Once you've done that, skip "App Namespace" and leave "Web Hosting" unticked. Then press "Continue". Once you press continue - Facebook will ask for a security captcha. Fill in the captcha and continue. And then you should be redirected to your App's control sector. It should look something like this: Now where it says "Website with Facebook Login" right under "Select how your app integrates with Facebook", click on it. And it should expand. Where it says "Site URL:" type in your site's name and it must be ended with "/index.php". So for this example it will be, "http://webflakecake.com/index.php" Just as simple as that. Once you've putted that CORRECTLY click on "Save Changes" - right under. Now for the easy bits... Go to your IPB's Admin Control Panel (ACP). Once you are in ACP go to "System" => "System Settings". Now in the System tab, scroll down until you see "Social Media and Sharing" Click on it and the first thing you should see is "Facebook Connect". Under Facebook Connect, the first option should be "Enable Facebook Connect" Make sure that saved on Yes. Then there should be "Application ID" now for this part we'll need to go back to Facebook and get our App ID. To do so, go to: https://developers.facebook.com/apps/ and on the left hand side you should be your App you just created, click on it. And now where it says " App ID/API Key" there should be a fifteen digit number. Highlight and copy that. Once you've copied that, go back to your ACP and remember we left on the Facebook Connect page, on that tab where it says "Application ID" paste the App ID you just copied via Facebook. Then you should see "Secret key" after "Application ID". In "Secret Key" you do the same as "Application ID" but you copy the "App Secret". After we're done with "Secret" you should see "Default member group" - set that to Members. After that you should see "Facebook "bot" group" - set that to "Guests". Then you should see "Facebook javascript "locale" leave that as it is. After that see "Facebook "Real name/Display name" handling" set that to "Allow User's Choice". Now after that, scroll all the way down and click on "Update Settings". And that should enable Facebook connect for your site and it SHOULD work . Thanks for reading my tutorial, if you got any questions/concerns please comment in the comment section below and I will get back to you as soon as possible! And also if I forgot anything, I sincerely apologize. Just PM me it or as usual, comment to tell me it.

Incorrect forum. Moved to IP.Board Support. ACP > Look & Feel > Manage Skin Sets & Templates > Click the drop-down menu next to your skin > select Manage Replacements. Find and delete/edit SkinLink.