Social Logins

These are the steps to integrate additional login methods through social networks.

Facebook Login

The Facebook Login integration gives your users the ability to skip normal registration and login directly 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 your website's URL in this format: https://yourdomain.com/login/facebook (replace yourdomain.com with your own domain name).
  11. Save the changes.
  12. Go to App Profile page and copy the App ID and App Secret.
  13. Go to your website installation Admin Panel -> Website Settings -> Facebook Login Tab and fill in the copied keys.
  14. Make sure to Enable Facebook Login and Submit the new settings.
  15. Future configuration & review of the created Facebook app is fully up to you from now on.

Google Login

The Google Login integration gives your users the ability to skip normal registration and login directly 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 your website's URL in this format: https://yourdomain.com/login/google (replace yourdomain.com with your own domain name).
  13. Create the credentials.
  14. Copy the Client ID and Client Secret.
  15. Go to your website installation Admin Panel -> Website Settings -> Google Login Tab and fill in the copied keys.
  16. Make sure to Enable Google Login and Submit the new settings.
  17. Future configuration & review of the created Google app is fully up to you from now on.

Twitter Login

The Twitter Login integration gives your users the ability to skip normal registration and login directly 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 3-legged Oauth & enabling the Request email addresses from users.
  7. In the Callback URLs field, add your website's URL in this format: https://yourdomain.com/login/twitter (replace yourdomain.com with your own domain name).
  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 your website installation Admin Panel -> Website Settings -> Twitter Login Tab and fill in the copied keys.
  12. Make sure to Enable Twitter Login and Submit the new settings.
  13. Make sure you request "Elevated" access for your Twitter API, from your Twitter API page on their website.

Discord Login

The Discord Login integration gives your users the ability to skip normal registration and login directly with their Discord account.

  1. Go to Discord Developer Portal page.
  2. Make sure to login to your Discord account.
  3. Go to Applications menu item on the left.
  4. Click on the New Application button.
  5. Fill out your app details in there, save and continue.
  6. Go to the OAuth2 menu item on the left.
  7. In the Redirects section, add your website's URL in this format: https://yourdomain.com/login/discord (replace yourdomain.com with your own domain name).
  8. Get your Client ID and Client Secret.
  9. Go to your website installation Admin Panel -> Website Settings -> Discord Login Tab and fill in the copied keys.
  10. Make sure to Enable Discord Login and Submit the new settings.

LinkedIn Login

The LinkedIn Login integration gives your users the ability to skip normal registration and login directly with their LinkedIn account.

  1. Go to LinkedIn Developer Portal page.
  2. Make sure to login to your LinkedIn account.
  3. Find & click on the Create App button.
  4. Fill out your app details in there, save and continue.
  5. Go to your newly created app page.
  6. Click on the Products page of the app & request access to Sign In with LinkedIn feature.
  7. Click on the Auth page of the app.
  8. Go to the OAuth Settings section add a new Authorized redirect URL in this format: https://yourdomain.com/login/linkedin (replace yourdomain.com with your own domain name).
  9. Get your Client ID and Client Secret.
  10. Go to your website installation Admin Panel -> Website Settings -> LinkedIn Login Tab and fill in the copied keys.
  11. Make sure to Enable LinkedIn Login and Submit the new settings.

Microsoft Login

The Microsoft Login integration gives your users the ability to skip normal registration and login directly with their Microsoft account.

  1. Go to Microsoft Azure Portal page.
  2. Make sure to login to your Microsoft account account.
  3. Find & go to the Add application registration page.
  4. Fill out your app details:
  5.  
    1. Fill the name of the app.
    2. Make sure to select the Supported account types to Accounts in any organizational directory (Any Microsoft Entra ID tenant - Multitenant) and personal Microsoft accounts (e.g. Skype, Xbox).
    3. Set the Redirect URI to Web type and the value to https://yourdomain.com/login/microsoft (replace yourdomain.com with your own domain name)
  6. Go to your website installation Admin Panel -> Website Settings -> Microsoft Login Tab and paste the Application (client) ID that you got after creating the new application.
  7. Go to Certificates & Secrets page on the sidebar of the newly created app.
  8. Create a new secret key and copy/paste the Value (and not the Secret ID) in the Admin panel of your website.
  9. Go to Authentication page on the sidebar of the newly created app.
  10. Make sure to check the Access tokens (used for implicit flow) checkbox and save.
  11. Make sure to Enable Microsoft Login and Submit the new settings.

We use cookies to personalize your experience. By continuing to visit this website you agree to our use of cookies

More