Social Login for your community

Social Login for your community

Overview
Enabling social login allows members to log in using their existing accounts from social media platforms, such as Google, Facebook, or LinkedIn, instead of creating a new username and password.

Who can enable social login?

Only the community hosts can enable social login in your community.

How to enable social login

  1. Go to Settings.
  2. Click Social Login under Single Sign-On.



  3. Click Configure on the right side of the app you want to configure.


Before proceeding, you must create an app on the respective social platform,

For LinkedIn:

  1. Click the link given below the title header. (https://www.linkedin.com/developers/apps)
  2. In the page, enter the configuration details and create an app.



  3. Once the app is created, go to the Auth tab and copy the Client ID and Client Secret.



  4. Back in your community, click Configure next to LinkedIn.



  5. In the pop-up, paste the Client ID into the Application ID field and the Client Secret into the Application Secret field.



  6. Click Save.

  7. After saving, copy the Redirect URL shown in the Social Login settings.



  8. Go back to the LinkedIn Auth tab and click + Add redirect URL under OAuth 2.0 settings.

     
     

  9. Paste the copied URL and click Update.


That's it! LinkedIn social login is now set up for your community.


For Facebook:

  1. Click the link given below the title header (https://developers.facebook.com/) and log in with your Facebook for developers account. [If you're new, you must create a developer account to proceed]
  2. Click My Apps in the top-right corner, then click Create App.



  3. Choose Allow people to login with their Facebook Account and click Next.



  4. Select whether you'd like to connect with a business portfolio, then click Next.



  5. Enter your App Display Name and App Contact Email, then click Create App. You may need to complete a quick security check.



  6. You’ll be taken to your app dashboard. Search for and select the Facebook Login app, then click Set Up.
  7. After set up, go to QuickStart.

     

  8. Enter your Site URL (eg, https://zoho-communityspaces.com). Click Save, then Continue.



  9. Click Next for the further steps. These steps don't require any configuration.
  10. Go to App settings from the left menu.
  11. Copy the App ID and App secret from the page while entering other details.



  12. Back in the community, click Configure next to Facebook.



  13. In the pop-up, paste the copied App ID and App secret.
  14. Copy the redirect URL on the same page.



  15. Go to Facebook once again, then click Advanced under App settings.



  16. Paste the copied redirect URL in the Share Redirect Allow List.
  17. Click Save Changes.
Your Facebook Social login is also ready now.
 

For Google,

  1. Click the link below the header (https://console.developers.google.com/) and log in with your Google developers console. [If you're new, you must create a developer account to proceed].



  2. Click Create project in the top-left.



  3. Enter the Project name, select a location, and click Create.



  4. Click Select Project from the Notifications.



  5. In the project page, click the search bar and search for APIs & Services.



  6. Go to Credentials tab from the left menu.



  7. Click Configure consent screen if you haven't done it yet. Or move to step 11.



  8. Enter the App name and user support email and click Next.



  9. Select your audience preference and provide your contact details in the upcoming two steps.
  10. Click Create to complete consent screen settings.



  11. Click + Create Credentials below the search bar.



  12. From the dropdown, select OAuth client ID.



  13. Select Web Application as Application type and enter the name for your OAuth clientID.



  14. Go to your community's Social Login settings page and copy the Redirect URL from the page.



  15. Getting back to the Google Console, click Add URl under Authorized redirect URIs.



  16. Paste the URL in the Add URI section and click Create.



  17. On creating the client ID, copy the Client ID and Client secret from the pop-up.
  18. Back to your Community's Social login settings page, click Configure near Google.



  19. Paste the copied Client ID in Application ID and Client secret in Application Secret. Click Save.


Your Google Social login is also ready now.
 

What happens after enabling social login?

Once enabled social login, members can login to the community with their social media account.
Notes
Even if social login is enabled in your community, users can still use traditional sign-up and login.
With Social Login, your community is even more accessible to users with a quicker sign-in experience. For more details or questions, send us an email at support@zohocommunityspaces.com. We're happy to assist!