Web4 provides social login plugins that allow your users to register with a single click. This guide will walk you through the setup for the Facebook social login plugin.
Create an App on Facebook for Developers
Log in to your Facebook account.
Go to the Facebook for Developers page.
Click on "My Apps" and then press "Create App".
Configure Your App
Select "Consumer" and click "Next".
Set the "Display Name" for your application.
Enter your "Contact Email".
Click "Create App".
Set Up Facebook Login
On the app dashboard, navigate to "Facebook Login" and press the "Set up" button.
Select "Web" from the displayed platforms.
Fill in Basic Settings
On the left navigation bar, go to Settings and choose "Basic".
Fill in the following fields:
App Domains: Enter your domain name without http or https (e.g., example.com or www.example.com).
Privacy Policy URL: Enter your Web4 network's privacy policy URL (e.g., example.com/terms/privacy).
Terms of Service URL: Enter your Web4 network's Terms of Service URL (e.g., example.com/terms/terms).
User Data Deletion: Enter your Web4 network's Terms of Service URL (e.g., example.com/terms/terms).
Category: Choose the category for your app.
Click on "Save changes".
Configure OAuth Redirect URIs
Go to "Facebook Login" on the left navigation bar, then click on "Settings".
Scroll down to find "Valid OAuth Redirect URIs".
Add the following Redirect URIs, replacing yourwebsite.com with your actual domain:
https://yourwebsite.com/login-with.php?provider=Facebook
https://www.yourwebsite.com/login-with.php?provider=Facebook
Click on "Save changes".
Get Advanced Access
You may see a message that your app has "Standard Access". To use Facebook Login, you need to switch to "Advanced Access".
Click on "Get Advanced Access".
In the search box, enter "email", click "Get Advanced Access", and confirm the form.
Do the same for "public_profile".
Set App Mode to Live
On the top navigation bar, find "App Mode".
Click the toggle to switch the app to "Live".
Complete the "Data Use Checkup" if required.
Copy App ID and App Secret
Go back to "Settings" on the left navigation bar and choose "Basic".
Grab and copy the "App ID" and "App Secret".
Configure in Linkspreed
Go to your Admin Panel and navigate to Settings -> Social Login Settings -> Facebook Configuration.
Fill in the following options:
Application ID: Enter the App ID.
Application Secret Key: Enter the App Secret.
Enable "Facebook Login".
Note: When entering the URL for App Domains and Valid OAuth Redirect URIs, it is crucial that the URL exactly matches the one in your browser. For example, if your website URL is http://www.domain.com, you must enter it with the www. If it's http://domain.com, enter it without the www. Mismatched URLs will cause the application to fail.