How To Add Facebook Social Login To Wordpress (for Free)
Hi, in this video I will show you how you can add Facebook Social Login to your WordPress website, using the best WordPress Social Login plugin on the platform: Nextend Social Login.
Once everything is set up, you will have your own "Login with Facebook" / "Continue with Facebook" button!
This tutorial fully covers everything about adding Facebook login to your WordPress site:
✅ how to install the social login plugin on WordPress
✅ how to create a Facebook App ID and App Secret
✅ the value that you should enter into the Valid OAuth redirect URIs field of your Facebook App, when you use this plugin.
✅ how to get Advanced Access for the public_profile and the email permissions which are necessary for getting people's data
✅ how to configure Nextend Social Login with the Facebook App ID and App Secret
Before you start the tutorial I need to mention, everything is really important in this video, so please make sure stay until the end, and you follow each step that I show you.
Time Stamps:
0:00 Intro
0:10 Install Nextend Social Login plugin
0:24 The backend of Nextend Social Login
0:48 Facebook Developer Portal - Getting a Facebook Developer Account
1:08 Create Facebook App
1:32 Adding the Facebook Login Product to the Facebook App
2:02 Adding the Valid OAuth redirect URIs to the App
2:34 Configuring Basic settings of the App
3:47 Getting Advanced Access for Facebook Permissions
4:53 Turning your Facebook App from Development mode to Live
5:37 Configuring Nextend Social Login with the App ID and App Secret
6:21 Verifying the Facebook settings
6:55 Enabling Facebook login on the frontend.
7:19 Outro
👉Common Errors:👈
Some people get error messages like these when they setup Facebook login:
🚧 Can’t load URL: The domain of this URL isn’t included in the app’s domains. To be able to load this URL, add all domains and sub-domains of your app to the App Domains field in your app settings.
🚧 URL blocked: This redirect failed because the redirect URI is not white-listed in the app’s client OAuth settings. Make sure that the client and web OAuth logins are on and add all your app domains as valid OAuth redirect URIs.
🚧 Invalid App ID: The provided app ID does not look like a valid app ID.
🚧 Error: Error validating client secret
🚧 App not set up: This app is still in development mode, and you don’t have access to it. Switch to a registered test user or ask an app admin for permissions.
🚧 Feature unavailable: Facebook Login is currently unavailable for this app.
🚧 Feature Unavailable: Facebook Login is currently unavailable for this app, since we are updating additional details for this app. Please try again later.
✅But if you did everything as you saw in this video, then you won't see these errors!
👍 If you found this video interesting, the please press the like button.
✍ Also I would like to see how useful was this video for you guys. So if this tutorial helped, please let me know in the comment section.
🔔 Finally, if you would like to see more interesting web tutorials, just subscribe to my channel and press the bell.
Thank you for your time! Brofist 👊
#facebook #sociallogin #wordpress