Social Login
Last updated
Last updated
Prerequisites
A WordPress site with admin access.
Google and Facebook developer accounts for setting up OAuth credentials.
The provided plugin code is installed and activated on your WordPress site.
1. Setting Up Google Login
Create Google Credentials:
Go to the Google Cloud Console.
Create a new project or select an existing one.
Navigate to APIs & Services > Credentials.
Click Create Credentials and select OAuth Client ID.
Configure the consent screen with the required details.
Choose Web Application as the application type and set the redirect URI as:
Save the credentials to get the Client ID and Client Secret.
Add Credentials to WordPress:
In your WordPress admin panel, go to Settings > Webtonative Social Login.
Enter the Client ID and Client Secret in the Google configuration section.
Enable Google Login.
2. Setting Up Facebook Login
Create Facebook App:
Go to the Facebook Developer Portal.
Create a new app or use an existing one.
Add the Facebook Login product to your app.
In the Facebook Login settings, add the redirect URI as:
Obtain the App ID and App Secret from the Settings > Basic section.
Add Credentials to WordPress:
In your WordPress admin panel, go to Settings > Webtonative Social Login.
Enter the App ID and App Secret in the Facebook configuration section.
Enable Facebook Login.
3. Setting Up Apple Login
Create Apple Service:
Log in to the Apple Developer Portal.
Create an identifier for the app and configure it for Sign in with Apple.
Generate a private key for authentication and set the redirect URI as:
Obtain the Team ID, Key ID, and Client ID (Bundle ID).
Add Credentials to WordPress:
In your WordPress admin panel, go to Settings > Webtonative Social Login.
Enter the Team ID, Key ID, and Client ID in the Apple configuration section.
Enable Apple Login.
Navigate to your WordPress site's login page.
You should see buttons for Google, Facebook, and Apple login.
Test each login method to ensure they redirect properly and create a new user or log in an existing user.
The plugin automatically redirects users to the configured redirect URI after a successful login.
To set the redirect URI:
Go to Settings > Webtonative Social Login.
Enter the desired URL in the Redirect URI field.
Ensure all redirect URIs match those specified in the respective developer platforms.
Check your WordPress site's permalink settings. Enable Pretty Permalinks in Settings > Permalinks.
If login fails, review error logs or the OAuth Debugging Tools provided by Google and Facebook.
Q: What if I don’t see the social login buttons? Ensure the plugin is active and correctly configured.
Q: How can I disable a specific social login? Disable the corresponding option in Settings > Webtonative Social Login.
Q: Can I use this for custom login pages? Yes, but you might need to add the login buttons manually by editing your theme or using a shortcode.
This documentation should guide you through setting up and configuring social login for your WordPress site!
