Social Logins

The Social login integrations allow users to login with their Social Media accounts.

Facebook

The Facebook login integration allow users to login with their Facebook account.

  1. Go to Facebook Developers page.

  2. Make sure to login to your Facebook account.

  3. Click on the My Apps menu dropdown and click on Create app.

  4. Add your details to the form and click submit the form to create the new app.

  5. Go to Settings from the sidebar menu and click on Basic.

  6. Fill out your Facebook app details in there.

  7. From the sidebar, under Facebook Login click on Quickstart link.

  8. Click on the Web platform and add your website URL. Skip the next steps.

  9. From the sidebar, under Facebook Login click on Settings link.

  10. In the Valid OAuth redirect URIs field, add domain.com/login/facebook/callback.

  11. Save the changes.

  12. Go to App Profile page and copy the App ID and App Secret.

  13. Go to Settings > Social Media > Facebook and fill in the copied keys.

  14. Make sure to enable Facebook and Save the new changes..

  15. Future configuration & review of the created Facebook app will rely on you as the administrator from this point on.

Twitter

The Twitter login integration allow users to login with their Twitter account.

  1. Go to Twitter Developer Portal page.

  2. Make sure to login to your Twitter account and submit your application for being accepted into the program.

  3. Go to Projects & Apps > Overview menu item on the left.

  4. Click on the Create App button.

  5. Fill out your app details in there, save and continue.

  6. Make sure to add the Authentication settings of the app by enabling Oauth & enabling the Request email addresses from users.

  7. In the Callback URLs field, add domain.com/login/twitter/callback

  8. Fill out the other details that are required.

  9. Go to Keys and tokens of the new app that you created.

  10. Get your API Key and API Secret.

  11. Go to Settings > Social Media > Twitter and fill in the copied keys.

  12. Make sure to enable Twitter and Save the new changes..

Google

The Google login integration allow users to login with their Google account.

  1. Go to Google Developers Console page.

  2. Make sure to login to your Google account.

  3. Create a new project and select it.

  4. Go to OAuth consent screen menu item on the left.

  5. Select the User Type as External and click Create.

  6. Fill out your app details in there, save and continue.

  7. Make sure to add the userinfo.email & userinfo.profile scopes, save and continue.

  8. Finish the last remaining steps.

  9. Go to Credentials menu item on the left.

  10. Create new OAuth client ID credentials.

  11. Select the Web application type.

  12. In the Authorized redirect URIs field, add domain.com/login/google/callback.

  13. Create the credentials.

  14. Copy the Client ID and Client Secret.

  15. Go to Settings > Social Media > Google and fill in the copied keys.

  16. Make sure to enable Google and Save the new changes..

  17. Future configuration & review of the created Google app will rely on you as the administrator from this point on.

LinkedIn

The LinkedIn login integration allow users to login with their LinkedIn account.

  1. Go to LinkedIn Developer page.

  2. Make sure to login to your LinkedIn account.

  3. Create a new app.

  4. Fill out your app details in there, click Create App button.

  5. Select the created app.

  6. Go to Auth tab on the menu items.

  7. In the Authorized redirect URLs field, add domain.com/login/linkedin/callback, and click Update button.

  8. Go to Products tab.

  9. Select Sign In with LinkedIn using OpenID Connect. A legal agreement pop-up window will appear, read the terms and check the box if you agree, and click the Add Product button.

  10. Return to Auth tab and wait for a few seconds, you will see OAuth 2.0 scopes section.

  11. Copy the Client ID and Client Secret.

  12. Go to Settings > Social Media > LinkedIn and fill in the copied keys.

  13. Make sure to enable LinkedIn and Save the new changes.

  14. Future configuration & review of the created LinkedIn app will rely on you as the administrator from this point on.

GitHub

The GitHub login integration allow users to login with their GitHub account.

  1. Go to GitHub Developers page.

  2. Make sure to login to your GitHub account.

  3. Click GitHub Apps menu and then New GitHub App button.

  4. Fill out your app details in there.

  5. In the callback URL field, add domain.com/login/github/callback.

  6. In the Webhook section, click Active checkbox to disactivate.

  7. In the Permissions section, under Account permissions give Read-only access to Email addresses.

  8. Set the GitHub App to be installed only on this account and click the Create GitHub App button.

  9. After submitting the form to create the app, you can add an icon.

  10. In the Client secrets section, click Generate a new client secret button.

  11. Copy the Client ID and Client Secret.

  12. Go to Settings > Social Media > GitHub and fill in the copied keys.

  13. Make sure to enable GitHub and Save the new changes.

  14. Future configuration & review of the created GitHub app will rely on you as the administrator from this point on.