Documentation

Print This page

Social Login

Today, there are a lot of websites, the number of accounts on each site are 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 site without any 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 to on which will install the add-on.
  2. Now Go to LoginPress ▸ Settings ▸ Social Login Tab, You will see separate settings for Social Login.
  1. Under the Social Login settings. You can find 4 social media websites.
    1. Facebook
    2. Twitter
    3. GPlus
    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:

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

Step 2:

  1. If you are here (at Facebook Developer section) the first time.
    1. You will be required to “Create a Facebook for Developers account”. Click “Create First App” button.
    2. Fill out the form. (Display Name, Contact Email) and click on “Create App ID”.
    3. Select a Scenario here. In our case it\’s “Integrate Facebook Login”. Select it and click on the “Confirm button”.
  2. If you have registered already.
    1. Click “Create App” from “My Apps” and fill out the required informational fields.
    2. Fill out the form. (Display Name, Contact Email) and click on “Create App ID”.
    3. After you have created the App, please select a product type here. In our case, we use “Facebook login”.
    4. Select the platform for this app: Here we use the “web”.
    5. Enter your web URL and save the settings.

Step 3:

  1. Go to Settings > Basic from the left side menu.
  2. Fill out the required fields (Contact Email, App Domains, and Privacy Policy URL).
  3. Here you find the App ID and App Secret.
  4. Copy that ID & Secret and use it in our plugin settings.
  5. Save the settings.

Step 4:

  1. Go to Facebook Login > Settings from the left side menu.
  2. There Please set the Use Strict Mode for Redirect URIs as Yes.
  3. Add valid OAuth redirect URIs here. (Get it from plugins setting)
  4. Save the settings.

Step 5:

  1. The final Step makes this App public. For this, You just need to slide the checkbox that you see on the top bar.
  2. After that select the category and press the confirm button.
  3. 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:

  1. You must register your website with Twitter at https://developer.twitter.com/en/apps.
  2. Click on the “Create an App” button and fill out the required informational fields.
  3. The callback URL is very important in twitter application. Here you’ll add the copies URL from twitter callback description from the plugin.
  4. Click on the “Create” button.
  5. 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 “Consumer API Keys” heading and use it in plugin settings.
  3. Save the settings and enjoy.


Let’s integrate Google Plus login with LoginPress Social Login.

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

Step 1:

  1. You must register your website with Google APIs at https://console.developers.google.com/.
  2. Click on the “Create” button and fill out the required informational fields. (Project Name)
    1. If you have more then 1 project in Google APIs, please confirm your project from the top-left dropdown project list.
  3. Click on the “OAuth consent screen” from the left side menu and fill out the required informational fields. (Application Name, Authorized domains).
  4. Save the settings.

Step 2:

  1. After saving the settings, you will be redirected to the Credentials page.
  2. Please select “OAuth Client ID” from the “Create Credential” dropdown.
  3. Select the Application type here. In our case it\’s “Web application”.
  4. Fill out the required informational fields (Name & Authorized redirect URIs) to save the settings.
  5. Authorized redirect URIs are very important for google application. Here you’ll add the copies URL from gplus callback description from the plugin.

Step 3:

  1. 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.
  2. 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:

  1. You must register your website with Linkedin at https://developer.linkedin.com/.
  2. Click on My Apps then Create Application and fill out the required informational fields.
  3. Enter the Authorized Redirect URLs.
  4. Copy that Client ID & Client Secret and use it in plugin settings.
  5. Save changes and enjoy.