Adding Social Logins

Allowing users to authenticate using an existing social account is commonplace for good reasons.

It is very user-friendly, eliminates the need for users to remember another password, and can provide greater security than simple password login.

Social logins are great for you and your users. They eliminate the need to create and manage a new set of credentials because they use existing credentials from popular OAuth providers. This makes logging in and signing up as easy as clicking a button.

For your users, this results in enhanced security and an easy authentication experience, which in turn results for you in higher conversion rates and more daily active users.

Here are guides to help you implement social logins to your login-box.

Frontegg makes it simple to add social logins to your application. Read below to learn how to enable social logins so that users can seamlessly log in and sign up to your application.

Step 1 - Enable Social Logins

  1. Go to Home and click on the "Go to Builder" button.
  2. Toggle the switch to on for each social login you want to enable.
3430
  1. Click "Review to publish" and publish changes to your dev environment.
  2. The chosen social logins are now added to your login box
2308

Step 2 - Configure Social Logins

To get you up and running quickly in development only, Frontegg provides you with preconfigured shared OAuth credentials and redirect URLs (except for Linkedin login). This means the social logins work immediately when toggled on without requiring additional configuration.

  1. Go to Environments ➜ [NAME OF ENVIRONMENT] ➜ Authentication ➜ Social Logins.
3444
  1. For each of the social logins you enable, click the manage button.
  2. Choose the "Custom" option
  3. Go over each social login guide and add the relevant requirements. The redirect URL is a URL address for your application.
  4. Save your changes

📘

About Redirect URLs

When a user clicks one of the social login buttons in the login box, your application redirects the user to the OAuth provider's authentication page where your user will login or signup. After authenticating your user, the OAuth provider redirects the user from the authentication page to your redirect URL.

❗️

In Development Only

While helpful for development, the preconfigured shared OAuth credentials are not secure. Therefore, please configure your social logins before going to production. See the links to our guides below.

Here is an example page for Google custom configuration.

2880

Although configuring a social login is straightforward, our guides streamline the process by telling you what information you need and where to find it.

Next steps

  1. Test the new social login on your application
  2. Publish the changes between environments and test again

👍

Moving Environments

When moving a project from one environment to another, Frontegg moves the social login environment configurations for you. For instance, if moving from development to production, Frontegg moves the development social login configurations to production.

Frontegg currently offers social login capabilities for Google, GitHub, Microsoft, Facebook, Linkedin, Slack, and Apple. We are continuing to add more providers, so please stay tuned to see what else we add!

Guides

This is a list of guides to help you configure social logins.