The WordPress Login Integration plugin empowers WordPress sites with social login functionality, allowing users to sign in or register using their accounts from popular platforms: Google, Facebook, TikTok, Instagram, Twitter, Microsoft, and Apple. Leveraging OAuth 2.0 authentication, the plugin ensures secure and efficient user authentication while supporting advanced features like PKCE (Proof Key for Code Exchange) for specific providers (e.g., Twitter, Apple). Administrators can configure client IDs, secrets, and custom HTML templates via a user-friendly settings page. The plugin provides shortcodes for each platform (e.g., [google_login_button], [facebook_login_button]) to easily embed login buttons anywhere on the site. It automatically handles user creation or login, assigns roles, and redirects users to specified pages, enhancing user experience and site accessibility.
Features of WordPress Login Integration
- Multi-platform support: Enables login via Google, Facebook, TikTok, Instagram, Twitter, Microsoft, and Apple.
- OAuth 2.0 integration: Secure authentication with provider-specific endpoints and scopes.
- PKCE support: Implements Proof Key for Code Exchange for enhanced security on Twitter and Apple logins.
- Customizable buttons: Use shortcodes (e.g.,
[google_login_button]) with customizable HTML templates for login buttons. - Role & redirect options: Assign user roles (default: subscriber) and specify redirect pages via shortcode attributes.
- Admin settings page: Configure client IDs, secrets, and templates for each provider with a tabbed interface.
- User data handling: Extracts user details (e.g., email, name, ID) and creates or logs in users automatically.
- Localization support: Includes help files per provider with fallback to default language if localized help is unavailable.
- Secure & lightweight: Sanitizes inputs, uses WordPress APIs, and avoids unnecessary dependencies.
Installation
- Upload the plugin folder to the
/wp-content/plugins/directory. - Activate the WordPress Login Integration plugin through the WordPress admin panel.
- Navigate to Users > External Login Settings to configure client IDs, client secrets, and HTML templates for each provider.
- Copy the provided redirect URI for each provider and add it to the respective platform’s developer console.
- Place the shortcode (e.g.,
[google_login_button],[facebook_login_button]) in posts, pages, or widgets to display login buttons.
Usage of WordPress Login Integration
- Configure providers: In the WordPress admin panel, go to Users > External Login Settings, select a provider tab, and enter the client ID, client secret, and optional HTML template.
- Add login buttons: Use shortcodes like
[google_login_button role="subscriber" page="/welcome"]to add login buttons, specifying user roles and redirect pages as needed. - Redirect URI setup: Copy the redirect URI from the settings page and register it in the respective platform’s developer console (e.g., Google Cloud Console, Facebook Developer Portal).
- User suthentication: Users clicking the login button are redirected to the provider’s authentication page, then back to your site, where they are logged in or registered automatically.
Requirements
- WordPress 5.0 or higher
- PHP 7.0 or higher
- Developer accounts with the respective platforms (Google, Facebook, TikTok, Instagram, Twitter, Microsoft, Apple) to obtain client IDs and secrets
- SSL-enabled site (HTTPS) for secure OAuth redirects
