How to Add Social Login to WordPress
The social login addon lets users register and log in to your WordPress membership sites using their social media accounts. Supported social networks include Facebook, Twitter, LinkedIn, Google, VK.com and GitHub.
To set up social login, ensure the addon is activated. You can activate the addon from ProfilePress >> Addons.
Social Login Settings
After activating the addon, go to Settings and open the Social Login section.
For each social login you want to enable, you need to create an application for them to get their API keys and secrets. Follow the links below to learn how to.
- Facebook Application Setup
- Twitter Application Setup
- LinkedIn Application Setup
- Google Project Setup
- GitHub Application Setup
- VK.com Application Setup
After generating the API credentials, enter and save them.
Changing the Social Login Button Texts
To change the text on the various social login buttons, click the Buttons tab menu.
Available Social Login Shortcodes & Links
Open the Integrations tab menu to see the available social login shortcodes and HTML links you can use to embed or add social login buttons anywhere on your site.
[pp-social-login type="facebook"] will output the button below.
If you want to dynamically change the button text rather than rely on the Buttons menu settings mentioned above, you can use the advanced shortcode like so:
[pp-social-login type="google"]Sign in with Google[/pp-social-login]
Depending on your needs, you might want to embed or use the social login links instead. The following shortcodes are available.
- [facebook-login-url] URL to login with Facebook.
- [twitter-login-url] URL to login with Twitter.
- [linkedin-login-url] URL to login with LinkedIn.
- [google-login-url] URL to login with Google.
- [github-login-url] URL to login with GitHub.
- [vk-login-url] URL to login with VK.com (VKontakte).
Integrations with Login and Registration Forms
Depending on the form builder you are using, you can easily add social login buttons to your login and registration forms.
Depending on the theme or template you are using for your login and signup forms, you can easily add social login buttons by selecting the social login to enable.
You can also add the “Custom HTML” block to the form and add the social login shortcode or link mentioned above.
For the shortcode builder, the shortcode embed is the only choice. You can click the “Available Shortcodes” button to easily get social login shortcode.