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`.

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

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.

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


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

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`)

Write Redirect URL as below:

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

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`.

**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.

**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.

At first login you will see oops message as Google,
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.

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

Then connect with Facebooks :

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

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`.

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

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.

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


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

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`)

Write Redirect URL as below:

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

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`.

**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.

**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.

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.

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

Then connect with Facebooks :

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

Attachments
-
1687518625860.png303.1 KB · Views: 7
-
1687518657295.png42.8 KB · Views: 7
-
1687518750248.png68.1 KB · Views: 7
-
1687518894573.png163.6 KB · Views: 6
-
1687518932001.png25 KB · Views: 6
-
1687518958588.png27.8 KB · Views: 6
-
1687519054313.png69.8 KB · Views: 6
-
1687519216063.png163.1 KB · Views: 6
-
1687519272814.png86 KB · Views: 6
-
1687519370821.png82 KB · Views: 6
-
1687519469046.png65.8 KB · Views: 7
-
1687519759354.png68.9 KB · Views: 5
-
1687519979118.png22.5 KB · Views: 5
-
1687520023418.png84.1 KB · Views: 5
-
1687520054164.png14.9 KB · Views: 3
-
1687520096894.png14.5 KB · Views: 3
Last edited: