How to setup Facebook application in WordPress Login | Facebook OAuth Social Login | Facebook Single Sign On
What is OAuth Social Login? OAuth Social Login is a type of single sign-on that allows users to register or login to any website using any social networking platforms like Discord, Facebook, Google, Twitter, Apple any many more. Users can securely log into any website without needing to remember their login and password by using…
What is OAuth Social Login?
OAuth Social Login is a type of single sign-on that allows users to register or login to any website using any social networking platforms like Discord, Facebook, Google, Twitter, Apple any many more. Users can securely log into any website without needing to remember their login and password by using OAuth Social Login.
Why should my WordPress website use Facebook Social Login/Facebook Sign In (Facebook SSO)?
Integrating Facebook social login on your website has a lot of benefits. When users come to your website they can start using it in seconds. They will not have to fill up any forms or remember another set of credentials. They can just log in with a single click using Facebook social login. All the users you get on your website and their data will already be verified by the social provider in this case Facebook. You can be assured that your user data is authentic as the login process consisting of authentication and authorization will be done on Facebook side. This also makes things easier for the website administrator as they don’t have to deal with managing user accounts and forgotten passwords.
Steps to configure Facebook application into WordPress using OAuth 2.0 Protocol
WordPress Facebook Social Login or Facebook Single Sign-On (SSO) for WordPress can be achieved by using our OAuth Social Login plugin. We’ll look at the simplest method for integrating Facebook login into your WordPress website in the following guide. You can click here to learn more about the additional features we offer with our OAuth Social Login plugin.
Step 1: Configure Facebook developer app
To set up a Facebook login in WordPress, follow the steps listed below.
- First of all, Go to facebook developers account developers.facebook.com/apps and Login/Signup with your account, and click on Create app.
- Select Allow people to log in with their Facebook account option and click on Next
- Enter an app name and click on Create app.
- In the left menu Under Build your app section click on App Settings and select Basic
- Go to Elite OAuth Social Login plugin and click on Facebook application.
- Here is the link to the plugin’s free download in case you haven’t done so already.
- From the Instructions step no 6 Copy the App Domain as shown below.
- Here paste the copied value in App Domain and enter your Privacy Policy URL, Terms of Service URL, and Data deletion instructions URL. Select any Category and click on Save Changes
- In the left menu Under Build your app section click on Use Cases and select Customize option in Authentication and account creation section.
- Scroll down under Permission Section click on Add button for Email.
- Now Under Facebook Login Section click on Go to settings
- Go back to Elite OAuth Social Login plugin and from the Instructions step no 11 Copy the redirect URI link as shown below.
- Under Valid OAuth Redirect URIs option paste the copied redirect URI link as shown below and click on Save changes.
- From top breadcrumbs click on Use cases
- In the left menu Under Build your app section click on App Settings and select Basic and copy App ID and App Secret
- Go to Elite OAuth Social Login plugin and click on Facebook application.
- Here is the link to the plugin’s free download in case you haven’t done so already.
Step 2: Set credentials in Elite OAuth Social Login plugin
- Come back to Elite OAuth Social Login plugin and paste the copied values in the provided field for Application ID and Application Secret, and Enter Scope as email, public_profile and Click on Save & Test Application.
- Now Your Application is set up and verified successful.
- You can now see that your WordPress website’s Facebook social login button is active and will appear like the image below.
How can I enable the visibility of the Facebook login button on my WordPress website?
Once the application is activated by default the Facebook login button will appear on WordPress default login page but If you want to Add Facebook login icons on your custom login/registration page of your websites, you can use the shortcode [ec_oauth_login]. This allows you to show all the applications configured on your custom form like Login with Facebook.
- Please send us an email at info@elitecontrivers.com if you are seeking for something and can’t find it here.
- In Left side Menu click on APIs & Services -> OAuth consent screen.