WP Social Facebook Login App

WP Social is the ultimate WordPress social media plugin. It integrates with all the social media platforms, including Facebook. You can add one-click login options on your website, letting users log in to your website using their Facebook accounts.

Read this documentation to learn how to add a WordPress Facebook login option on your site and let the users log in with their accounts.

Getting Started #

In order to allow your visitors to log in with their Facebook account, first you must create a Facebook App. The following guide will help you through the Facebook App creation process. After you have created your Facebook App, head over to “Settings” and configure the given “App ID” and “App secret” according to your Facebook App. Let’s Learn…

Create Facebook App #

Get Started with Facebook Developers
  • Now you’ll be taken to a 3-phase registration phase. Click on “Continue” in the first phase.
Register for Facebook Developers
  • In the second phase, you have to review your email address and agree to receive the updates and promotional emails from Facebook. Click on “Confirm Email” if you didn’t change the primary email address. If you did, click on “Update Email”.
Email confirmation for Facebook developers account
  • The “About you” phase will ask you to choose what best describes you. Choose one and then click on “Confirm Registration”
Setup developers account on Facebook
  • Now you will be redirected to the main page to start creating an app. Click on “Create App” to proceed on
Create a WordPress Facebook Login App
  • It is time to define why you need to create an app. Choose one from the list and click on “Continue”
Continue creating Facebook login app
  • Set the App Display Name and App Contact Email and then go ahead clicking on “Create App”. This app name will be displayed to the users when they try to “Login with Facebook”. So, make sure you provide a meaningful name in this field.
Set the Facebook login app
  • To make sure that you are not a spamming bot, you have to proceed with a reCAPTCHA security check. Once done, click on “Submit”
  • On the next page, click on the “+” of the “Products” menu on the left of the page. You’ll be now presented with a wide range of products. Find “Facebook Login” from the list and click on “Set Up”.
Set-up Facebook login app
  • On the left side of your screen, you’ll see the Settings under the Facebook Login App menu. Click there then go to Valid OAuth Redirect URIs.
Valid OAuth redirect URL for Facebook App
  • You will find the redirect URIs from Wp Social Plugin.
  • Go to Social Login Settings of WP Social. Find the Provider list and switch the toggle button to Yes below Facebook.
  • And now, click on the Settings button of Facebook login. Here, you’ll find the redirect URI. Copy that and paste that into the Valid OAuth Redirect URIs field.
 WP Social Valid OAuth redirect URLs for WordPress Facebook Login integration
  • From Settings Dropdown select Basic Submenu. Here you can find the App ID and  App Secret. Then click on the “Show” button in the “App Secret” text box. You can copy the “App Id” and “App Secret” that you can use for Facebook API calls. But when you first create a Facebook app, it remains private and available only to you for testing purposes. Here users can only use this after you make the app live. For the live app, you must enter a Privacy Policy URL. Here you also need to fill in other information.
  1. App Domains,
  2. Contact Email
  3. Privacy Policy URL
  4. Terms of Policy URL
  5. Category, etc.

When you’re done click the Save Changes button.

Get the APP ID and APP secret

Setup WordPress Facebook login on WP Social #

After the successful Facebook app creation, the next step of WordPress Facebook login integration is to add Facebook login credentials (APP ID and APP Secret key) to your site. For that, first log in to your WordPress site, then,

  • Navigate to WP Social > Social Login from your dashboard.
  • Switch to the Providers tab.
  • Click to Settings under Facebook.
Enable Facebook Login for WP Social
  • In the popup, move to the Settings tab.
  • Enter the App ID in the required field.
  • Enter the App Secret in the required field.
  • Then click Save Changes button.
Enter APP credentials to integrate WordPress Facebook login

Add Login Button Label #

You can customize the button label for Facebook Login. To add/change the button label,

  1. Move to the Buttons tab.
  2. Enter Login Label Text.
  3. Enter Logout Label Text.
  4. Then Save Changes.
Enter Facebook Login Button Text

Find Shortcodes and Simple Link #

You can use Shortcodes to add WordPress Facebook Login on any page. You can find the shortcodes in the Usage tab. Read the documentation of WP Social Shortcodes Usage to learn how to use those shortcodes.

You also find a Simple Link for the Facebook Login button.

Shortcode usage for Facebook Social login

Congratulations! You’ve successfully integrated Facebook Login into your WordPress Website. However, if you have any issues that require our attention, feel free to contact our support center.

What are your feelings
Updated on August 30, 2022