Theme editor

How can I create facebook login app for xenforo?

Aior

Administrator
Staff member
Joined
Apr 2, 2023
Messages
83
Reaction score
2
Points
8
Age
39
Location
Turkey
Website
aior.com
Creating a Facebook login for your XenForo forum is a multi-step process. It involves creating a Facebook App and configuring it in the XenForo admin panel.

Here's a step-by-step guide on how to create and integrate a Facebook Login app with XenForo:

**Step 1: Creating a Facebook App**

1. Go to the Facebook Developers page at `https://developers.facebook.com/`

2. Click on the `My Apps` dropdown and select `Create App`.

1687518625860.png

3. You'll be prompted to select a type for your app. Choose Set up Facebook Login

1687518657295.png

4. Then, enter your app name, contact email, and select yourself or your business as the app purpose, then click `Create App`.

5. You will be directed to the App Dashboard. Here, select `Set Up` in the `Facebook Login` product setup.

1687518750248.png


6.Go to Facebook Login Setup and Select `Web` as the platform.

1687518894573.png


1687518932001.png

7. Enter your site URL where you are hosting your XenForo forum.

1687518958588.png

8. Continue with the setup until you reach the part where it asks you to 'Enter Callback URL'. For XenForo, the callback URL is usually your forum URL followed by `register/facebook?reg=1` (e.g., `https://www.yourforum.com/register/facebook?reg=1`)

1687519054313.png

Write Redirect URL as below:

1687519216063.png

9. Ensure that you have enabled the 'Client OAuth Login', 'Web OAuth Login', and 'Embedded Browser OAuth Login' in the Facebook Login settings.

1687519272814.png

10. Save changes.

11. Go to the `Settings > Basic` section on the left side menu, here you'll find your `App ID` and `App Secret`.

1687519370821.png

**Step 2: Configuring XenForo**

1. Now, go to the admin panel of your XenForo application.


2. Navigate to `Setup > Options > Facebook Integration`.

3. Copy the `App ID` and `App Secret` from your Facebook App page to the respective fields.

4. Save changes.

1687519469046.png

**Step 3: Testing the Configuration**

1. After integrating the Facebook App with your XenForo forum, it is important to test if the login is working properly.

2. Go to your XenForo forum page and attempt to log in using Facebook. If everything was set up correctly, you should be able to log in using your Facebook account.

1687519979118.png

At first login you will see oops message as Google,

Oops! We ran into some problems.​


The email address linked to this Facebook account belongs to another member's account on Artificial Intelligence Optimization Researches. Please log into that Artificial Intelligence Optimization Researches account to associate with Facebook.

1687519759354.png

You need to login manualy first to your account and connect Facebook Login as we made Google Login function.

1687520023418.png

Then connect with Facebooks :

1687520054164.png

Enter your password last time and click Associate button and thats all.

1687520096894.png
 

Attachments

  • 1687518625860.png
    1687518625860.png
    303.1 KB · Views: 7
  • 1687518657295.png
    1687518657295.png
    42.8 KB · Views: 7
  • 1687518750248.png
    1687518750248.png
    68.1 KB · Views: 7
  • 1687518894573.png
    1687518894573.png
    163.6 KB · Views: 6
  • 1687518932001.png
    1687518932001.png
    25 KB · Views: 6
  • 1687518958588.png
    1687518958588.png
    27.8 KB · Views: 6
  • 1687519054313.png
    1687519054313.png
    69.8 KB · Views: 6
  • 1687519216063.png
    1687519216063.png
    163.1 KB · Views: 6
  • 1687519272814.png
    1687519272814.png
    86 KB · Views: 6
  • 1687519370821.png
    1687519370821.png
    82 KB · Views: 6
  • 1687519469046.png
    1687519469046.png
    65.8 KB · Views: 7
  • 1687519759354.png
    1687519759354.png
    68.9 KB · Views: 5
  • 1687519979118.png
    1687519979118.png
    22.5 KB · Views: 5
  • 1687520023418.png
    1687520023418.png
    84.1 KB · Views: 5
  • 1687520054164.png
    1687520054164.png
    14.9 KB · Views: 3
  • 1687520096894.png
    1687520096894.png
    14.5 KB · Views: 3
Last edited:

Featured content

Back
Top