How to Add Social Login to WordPress
Are you looking for the best WordPress social login plugin for your website?
Having to remember the many different usernames and passwords to gain access to various websites we belong to is daunting.
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, Amazon, Yahoo, Microsoft, VK.com, WordPress.com, and GitHub.
Table of Contents
Why Add Social Login To WordPress?
You may want to allow user registration on your WordPress website for many reasons. For example, if you’re running a paid membership site, user registration will enable members to save payment methods and access paid content.
User registration is an essential part of creating a WordPress membership site. However, most people don’t like filling out long user registration forms and remembering yet another username/password.
Social logins let visitors create an account with your website by clicking a button. They can use the username and password from their existing social media accounts, such as their Facebook login details.
Since it’s so convenient, social login can encourage more people to register with your website. So let’s see how you can add social login to WordPress.
WordPress Social Login Setup
To set up a WordPress social login, ensure the social login addon is activated in ProfilePress. 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
- Yahoo Application Setup
- Microsoft Application Setup
- WordPress.com Application Setup
- Login with Amazon 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 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 redirect your WordPress users after they log in via any of the social logins, add the “redirect” attribute to the shortcode like so:
[pp-social-login type="google" redirect="https://custom-url-here.com"]
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 log in with Facebook.
[twitter-login-url]URL to log in with Twitter.
[linkedin-login-url]URL to log in with LinkedIn.
[google-login-url]URL to log in with Google.
[github-login-url]URL to login with GitHub.
[wordpresscom-login-url]URL to login with WordPress.com.
[microsoft-login-url]URL to log in with Microsoft.
[vk-login-url]URL to login with VK.com (VKontakte).
Integrations with Login and Registration Forms
Depending on the theme or template you use 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 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 get social login shortcode quickly.
Integration with the Checkout Form
Social login allows customers to signup and login to your WordPress site with a social media account for easier, faster checkout. Customers no longer have to remember yet another username and password. Instead, they can use their preferred social network to create an account for your site for a frictionless checkout experience every time they visit.
Social Login buttons can be used on the “Checkout” page to expedite account creation, and customers are taken right back to the page to complete their purchases.
To add social login buttons to the checkout form, go to Settings >> Payments >> Checkout Settings and select the social login buttons to display on the checkout page in the “Checkout Social Login” setting.
Below is a preview of the checkout page with social login buttons.
We hope this article helped you learn how to add social login to your WordPress website. Contact support if you have any questions.