Social Login

Today, there are a lot of websites, the number of accounts on each website is also rising. The user doesn’t want to create an account on each website and remember the credentials for that.

Choose the best way to log them to your website without providing any credentials, i.e. log in via their social media account! Yes, this is useful because users can easily create an account through social media instead of filling up the registration form, so it makes registration and login faster.

LoginPress has a Social Login add-on that allows your user to log in via their social media account.
Here we integrate the following social media integration with LoginPress Social Login Plugin.

1. Go to LoginPress > Add-Ons find the Social Login Add-On and click the toggle button on which will install the add-on.

2. Now Go to LoginPress > Settings > Social Login Tab, You will see separate settings for Social Login.

Under the Social Login settings. You will find 4 social media websites.

 1. Facebook

 2. Twitter

 3. Google

 4. Linkedin

Let’s integrate Facebook login with LoginPress Social Login.

The following are the steps to create an app on Facebook to use Facebook Login in a web application.

Step 1:

Go to the Facebook Developers section and login into your Facebook account, if you are not logged in already. This should not be your business account.

Step 2:

If you are a new user

  • After Facebook Account creation login to your Facebook account, Go to the Facebook Developers.
  • Click on “My Apps” to create an app.

Note: In the below section of already registered Facebook users same steps you have to follow to create an App.

If you are already a Facebook registered User

  • Click on "My Apps" to create an app.

  • A new window "Apps" will open where you have to click on the Create App button

  • After clicking on the Create App button a new window will open, where you have to Select “Build Connected Experiences” from the four options given and click on the “Continue button”.

  • Fill out the form. (Display Name, Contact Email) and click on “Create App ID”.

  • After you have created the App, please select a product type here. In our case, we use “Facebook login”.

  • Select the platform for this app: Here we use "web".

  • After selecting the Web option a new window will open where you have to add the Site URL and click on the Save button.

Step 3:

  • Go to Settings select the Basic option from the left side menu.
  • Fill out the required fields (Contact Email, App Domains, Data Deletion Callback URL, Category, and Privacy Policy URL) and click on the Save button.
  • In use Data Selection Select option "Data Deletion Instructions URL" and Add URL.

  • Here you will find the App ID and App Secret.
  • Copy that ID & Secret and use it in our plugin settings.

  • Save both settings.

Step 4:

  • Go to Products > Facebook Login > Settings from the left side menu.
  • There Please set the Use Strict Mode for Redirect URIs as Yes.

  • Add Valid OAuth Redirect URIs. (You will get Valid OAuth Redirect URIs from your LoginPress Plugin Social Login Help Tab in Facebook Section(See screenshot below), enter your URL, and Save Changes.

  • After saving the changes paste the OAuth Redirect URIs in Redirect URI Validator to check if your URI is valid.

  • Save the settings again.

Step 5:

  • The final Step makes this App public. For this, You just need to slide the checkbox that you see on the top bar.

  • After that select the category and press the confirm button.

  • Copy and paste the App ID and App Secret in Social Login Facebook Section, Save the settings, and enjoy it.


Let’s integrate Twitter login with LoginPress Social Login.

The following are the steps to create an app on Twitter to use Twitter Login in a web application.

Step 1:

  • You must register your website with Twitter at https://developer.twitter.com/en/apps.
  • Click on the “Create an App” button and fill out the required informational fields.
  • The callback URL is very important in the Twitter application. Here you’ll add the copies of the URL from the Twitter callback description from the plugin.

  • Click on the “Create” button.
  • After that, a popup will appear for “Review Developer Terms”. Read the terms and click on the create button.

Step 2:

  1. Go to the “Keys and access token” tab.
  2. Copy that Key and Token under the “Consumer API Keys” heading and use it in plugin settings.
  3. Save the settings and enjoy.


Let’s integrate Google login with LoginPress Social Login.

The following are the steps to create an app on Google to use Google Login in a web application.

Step 1:

  • You must register your website with Google APIs at https://console.developers.google.com/.
  • Click on the “ New Project” button and fill out the required informational fields. (Project Name)

  • Enter the Project Name and Location and click on the "Create" Button.
  • If you have more than 1 project in Google APIs, please confirm your project from the top-left dropdown project list.

  • Click on the “OAuth consent screen” from the left side menu and click on the External option and click the create button.

  • Now enter the required informational fields. (Application Name, Authorized domains, and other information required in the form).

Save the settings.

Step 2:

  • After saving the settings, you will be redirected to the Credentials page.
  • Click on Create Credentials select “OAuth Client ID” from the “Create Credential” dropdown.

  • Select the Application type here. In our case it\’s “Web application”.

  • Fill out the required informational fields (Name & Authorized redirect URIs) to save the settings.

  • Authorized redirect URIs are very important for Google applications. Here you’ll get the Authorized redirects URLs from the social login Help tab in LoginPress Plugin.

Step 3:

  • After saving the settings, a popup will appear with the “OAuth Client” heading. Copy the Client ID and Client Secret from here and use it in our plugin setting.

  • Save the settings and enjoy.


Let’s integrate Linkedin login with LoginPress Social Login.

The following are the steps to create an app on Linkedin to use Linkedin Login in a web application.

Step 1:

You must register your website with Linkedin at https://developer.linkedin.com/.

Click on My Apps then Create Application and fill out the required informational fields.

Step2:

Fill up the form to create your App

Step3:

After Creating your App go to your Auth Where you have to Enter the Authorized Redirect URLs, You will get Authorized URLs from your LoginPress Plugin Social Login Tab in Linkedin Section(See screenshot below), enter your URL, and update your setting.

Step4:

In the Auth tab, you will find Client ID and Secret ID, Copy that Client ID & Client Secret and use it in plugin settings.

Save changes and enjoy.

Check our complete guide on Auto Login Addon that will help you to generate an auto-login URL for your website that you can use to log in to your WordPress website/blog without a user name and password

 

Still stuck? How can we help?

Updated on September 13, 2021

Documentation
LoginPress Support
triangular shape yellowish icon

Frequently Asked Questions

Try to find your solution with the frequently asked questions about or services.

three shapes icon

Is LoginPress WPML Compatible?

LoginPress is fully supported with multilingual. LoginPress is also compatible with WPML Plugin, which means you can easily translate your login page with WPML plugin according to the given translation options in the WPML plugin.

Is LoginPress translation ready?

Yes, LoginPress has full translation and localization support via the LoginPress textdomain. All .mo and .po translation files should go into the languages folder in the base of the plugin.

Is coding skills needed to use LoginPress?

No, It is very easy to setup. Just plug and play. Have fun!

How to Install or Use LoginPress Pro?

Step-by-step instructions on How to Upgrade from existing Free version to Pro
1. You have installed and set up the Free version already.
2. Upload the Pro version.
3. Pro features will be enabled automatically.
4. You don’t need to set up Free version options again.
5. Setup Pro features like Google fonts, Google reCaptcha, Choose themes, etc.

Where is my license key?

License key is the Order ID which looks like in this format.
WHI150807-1234-12345
You can find it in the email Sales Receipt.

three shapes icon

If you Still have Questions?

Get In Touch