Social Logins
Learn how to set up social logins for your Unidy ID
In today’s digital landscape, signing up for various websites has become inevitable, whether for accessing e-commerce platforms or social media networks. Social logins provide a seamless solution to the cumbersome task of creating and managing multiple passwords, allowing users to authenticate using their existing social media accounts. Beyond convenience and faster registration, social logins enhance the user experience by enabling personalized content and interactions. Additionally, businesses can leverage the data collected through social logins to refine their marketing and advertising strategies. As a result, social logins have become a crucial component of online sign-up and registration processes.
To enable social login functionality in an Unidy instance, tenants must follow a series of steps to integrate the desired social login provider. While the exact steps may vary depending on the provider, the core process remains consistent. This involves creating an application on the provider's developer platform, obtaining a client ID and secret key, configuring the redirect URL, and inputting these credentials into Unidy's environment variables.
How to set up the Facebook login
1. Go to Facebook developer page and log in with your facebook account.
2. Click on Create App on the upper right.
3. Type in the App name and a App contact email.
4. In the next step choose Authenticate and request data from users with Facebook Login. Afterwards click Next.
5. Add your business portfolio and finalize the app creation
6. Choose the app from the list, go to the App settings → Basic. Here you can find App Id and App Secret for your Unidy instance setup. Fill out all the necessary fields as can be seen in the pictures below.
7. Go to Facebook Login for Business → Settings → Client OAuth settings and fill out Valid OAuth redirect URIs field to whitelist your URIs as can be seen in the pictures below. Don’t forget to adapt the URLs to match your Unidy or custom domain.
8. Navigate to your Unidy instance and go to Admin → Settings → Logins → Social Login Configuration → Facebook. Enter your App ID in the Client ID field and your App Secret in the Secret field. You can also customize the button width and position as needed. Finally, ensure that Facebook Login is enabled by selecting the Enabled checkbox. Don’t forget to click on Save button below to save your changes.
How to set up the Google login
1. Log in into your Google account.
2. Go to the Google Cloud Platform https://console.cloud.google.com/ and click on the project select in the top left corner.
2. Click New project.
3. Fill in the Project name and Location and click Create.
4. Choose created project from your project list.
5. Choose the OAuth consent screen from the menu.
6. Begin by selecting Get started.
7. Fill all the fields with necessary information and click Finish when you are done.
Choose External for Audience type
8. Click Create OAuth client in your created OAuth App.
9. Choose Web application in the Application type field select and add your OAuth client name which will be shown to the users. Click Create when you finished.
10. Add Redirect URIs for your OAuth App and click Save.
11. Navigate to your Unidy instance and go to Admin → Settings → Logins → Social Login Configuration → Google. Enter your Client ID and your Client Secret from Google Cloud. These can be found in the OAuth settings in the previous step. You can also customize the button width and position as needed. Finally, ensure that Google Login is enabled by selecting the Enabled checkbox. Don’t forget to click on Save button below to save your changes.
Apple
How to set up the Apple login
Required information from Unidy
Domain:
Return URL:
Required information from Apple Developer Account
Navigate to your Unidy instance and go to Admin → Settings → Logins → Social Login Configuration → Apple ID and fill in the following fields. Don’t forget to click on Save button below to save your changes.
- Private Key
- Team-ID (same as App ID)
- Key-ID
- Client-ID = Team-ID (same as Services ID)
Coming soon. Please contact your CRM at Unidy in case of any questions.