> ## Documentation Index
> Fetch the complete documentation index at: https://docs.oloid-demo.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Oloid User Portal - How to Configure Oloid User Portal in Tenant Admin Portal

> This document provides step-by-step instructions to configure and access the Oloid User Portal.

## Introduction

You can configure the Oloid User Portal from the Tenant Admin Portal by selecting preferred login options, enabling Single Sign-On (SSO) providers, customizing the visual theme to enhance the end-user experience, and accessing the Oloid User Portal directly by clicking the User Portal link within the Tenant Admin Portal.

## **Prerequisite**

You must select the preferred credentials to be displayed in Oloid User Portal. Refer **Tenant Settings** > **[Preferences](https://oloid.help/en/articles/10765097-how-to-create-credential-preferences-in-oloid-portal)**

## Steps to configure Oloid User Portal

1. Log in to the **Tenant Admin Portal**.
2. On the homepage, click **user profile** icon from the bottom left.

   ![How to Configure Oloid User Portal in... - screenshot 1](https://mintcdn.com/oloid-999c42b2/Fw9bluqdxTw7da-n/images/intercom/9969120/image-137c75b5.png?fit=max\&auto=format\&n=Fw9bluqdxTw7da-n\&q=85\&s=5d1647095dcf1e8e6942774361a71239)

   The **User profile menu** is displayed.
3. Click **Tenant Settings**.

   ![How to Configure Oloid User Portal in... - screenshot 2](https://mintcdn.com/oloid-999c42b2/Fw9bluqdxTw7da-n/images/intercom/9969120/3c649d53-b16c-412a-a578-21f8056ce052-a2ebc3ec.png?fit=max\&auto=format\&n=Fw9bluqdxTw7da-n\&q=85\&s=bad01753a6e17f952375e4ae105bd616)

   The **Tenant Settings** page is displayed.
4. Go to **App Settings** > **User Portal**.

   ![How to Configure Oloid User Portal in... - screenshot 3](https://mintcdn.com/oloid-999c42b2/Fw9bluqdxTw7da-n/images/intercom/9969120/e2dbd88d-d925-4c17-9c47-9163ca7a2f9f-64804c60.png?fit=max\&auto=format\&n=Fw9bluqdxTw7da-n\&q=85\&s=2738e72344025d76b41b013022a969b5)

   The **Settings** and **Theme** sections are displayed. By default, **Settings** section is selected.
5. Do the following:
   1. [Login Page](#login-page)
   2. [Post Login Page](#post-login-page)
   3. Configure Settings section.
   4. [Configure Theme section](#configure-theme-section).
      The Oloid User Portal is configured. You can now view the Oloid User Portal and validate your changes. For more details refer [View Oloid User Portal](#view-oloid-user-portal)

### Login Page

You can select the preferred login options to be displayed on the Oloid User Portal login screen:

1. Enable **Login with Face** toggle.
2. Enter the **Label for user's unique ID** field.
   **Note: User unique ID** is displayed if **Face** is selected as a Login option. You can enter Employee ID, Primary ID, Username, Email as **user's unique ID**.

   ![How to Configure Oloid User Portal in... - screenshot 4](https://mintcdn.com/oloid-999c42b2/Fw9bluqdxTw7da-n/images/intercom/9969120/image-74eb6be1.png?fit=max\&auto=format\&n=Fw9bluqdxTw7da-n\&q=85\&s=6478beba0ed840f66765ac515d695bc6)
3. Enable **Email** / **Phone** to allow users to authenticate via an email ID, SMS or phone-based authentication.
   The selected option(s) is(are) displayed on the Oloid User Portal login screen.

   ![How to Configure Oloid User Portal in... - screenshot 5](https://mintcdn.com/oloid-999c42b2/Fw9bluqdxTw7da-n/images/intercom/9969120/image-8e14fe74.png?fit=max\&auto=format\&n=Fw9bluqdxTw7da-n\&q=85\&s=e6f50159fd97e231871466ee297e445b)
4. Enable **SSO options** toggle to log in to the Oloid User Portal.
5. Select one or more SSO providers for the Oloid User Portal by selecting the corresponding boxes. Once enabled, users can log in using their selected SSO provider(s).

   ![How to Configure Oloid User Portal in... - screenshot 6](https://mintcdn.com/oloid-999c42b2/Fw9bluqdxTw7da-n/images/intercom/9969120/image-73c1a4a3.png?fit=max\&auto=format\&n=Fw9bluqdxTw7da-n\&q=85\&s=c3ce0b266752fbac48dc549690ce0366)
6. Select **Custom Button** to add any specific URL to log into the Oloid User Portal.
   1. Enter **Custom Label**.
   2. Enter **Add Redirect URL**.
7. **HR Picture Verification** enables the Verify button on the User Portal Login screen. This enables facial verification against HR-uploaded images. This option can also be used for self-onboarding of face credential by enabling the auto-enroll-face option.
   For more Information, refer: [How to Enable HR Picture Verification for User Portal](https://oloid.help/en/articles/13570122-how-to-enable-hr-picture-verification-for-user-portal)

### Post Login Page

The Custom Post-Login Page setting allows Tenant Admins to define the landing page users see after logging into the User Portal. For More information refer: [How to Configure Custom Post-Login Landing page for Oloid User Portal](https://oloid.help/en/articles/14321285-how-to-configure-custom-post-login-landing-page-for-oloid-user-portal)

![How to Configure Oloid User Portal in... - screenshot 7](https://mintcdn.com/oloid-999c42b2/Fw9bluqdxTw7da-n/images/intercom/9969120/image-4cbc1800.png?fit=max\&auto=format\&n=Fw9bluqdxTw7da-n\&q=85\&s=0a63bd0468565dc486fc2fa9c567f417)

### Configure Theme section

The Customize Theme settings allow you to personalize the appearance of the User Portal by configuring branding elements such as the logo, colours, and header styles to match your organization's identity.

Do the following:

[Customize Theme](#configure-customize-theme)

[Configure Language Support](#configure-language-support).
Theme section is configured successfully.

##### Configure Customize Theme

Go to **Customize Theme** section and do the following:

1. Upload logo in **Customer Logo**.
2. Enter color code in **Widget Header/Footer Color**.
3. Enter color code for **Header Text Color.**
4. Enter color code for **Primary Color**.
5. Enter color code for **Secondary Color**.
6. Click **Deploy Changes**.

   ![How to Configure Oloid User Portal in... - screenshot 8](https://mintcdn.com/oloid-999c42b2/Fw9bluqdxTw7da-n/images/intercom/9969120/image-4ba38da2.png?fit=max\&auto=format\&n=Fw9bluqdxTw7da-n\&q=85\&s=3eb7d7a48cadd69433791c077fbd3cb0)

   The Confirm Update pop-up box is displayed.
7. Click **Update**.

   > [!NOTE]
   >
   > **Note:** You can see all your customized changes in the preview screen as well as in the User Portal. Follow next section for more details.

![How to Configure Oloid User Portal in... - screenshot 9](https://mintcdn.com/oloid-999c42b2/Fw9bluqdxTw7da-n/images/intercom/9969120/image-51885201.png?fit=max\&auto=format\&n=Fw9bluqdxTw7da-n\&q=85\&s=39910f420c1b37cc9d7da7d6bcc3aaae)

##### Configure Language Support

> [!NOTE]
>
> **Note:** The following Languages are currently supported: French, English, German, Portugese, and Spanish.

1. Click **Language Support.**

   ![How to Configure Oloid User Portal in... - screenshot 10](https://mintcdn.com/oloid-999c42b2/Fw9bluqdxTw7da-n/images/intercom/9969120/image-05dbcb06.png?fit=max\&auto=format\&n=Fw9bluqdxTw7da-n\&q=85\&s=7c3b7d5b7a46bbc56482ce43153839cb)
2. Select the **Default App Language** from dropdown.
   Choose the language that the application uses by default for all users unless another language is selected.
3. Select the **Use Browser Language as Default Language** checkbox. (Optional)
   Enable this option to automatically use the language configured in the user's web browser as the application's default language.
4. Select the **Show Language selection dropdown** checkbox. (Optional)
   Enable this option to display a language selector in the application, allowing users to switch between the configured languages.
5. Click **Deploy Changes**.

   ![How to Configure Oloid User Portal in... - screenshot 11](https://mintcdn.com/oloid-999c42b2/Fw9bluqdxTw7da-n/images/intercom/9969120/image-5874f27c.png?fit=max\&auto=format\&n=Fw9bluqdxTw7da-n\&q=85\&s=95093ed2e3e4cf0c85963935618572aa)

   The Confirm Update pop-up box is displayed.

   ![How to Configure Oloid User Portal in... - screenshot 12](https://mintcdn.com/oloid-999c42b2/Fw9bluqdxTw7da-n/images/intercom/9969120/image-6aa8be90.png?fit=max\&auto=format\&n=Fw9bluqdxTw7da-n\&q=85\&s=a0ac1c2952e5ed82e91fbe3bc7df62ba)
6. Click **Update**.

The Theme tab is customized successfully.

![How to Configure Oloid User Portal in... - screenshot 13](https://mintcdn.com/oloid-999c42b2/Fw9bluqdxTw7da-n/images/intercom/9969120/image-25578372.png?fit=max\&auto=format\&n=Fw9bluqdxTw7da-n\&q=85\&s=17a75b793f09e60b43b84e3d6eae1cb4)

### Customize Settings Tab

![How to Configure Oloid User Portal in... - screenshot 14](https://mintcdn.com/oloid-999c42b2/Fw9bluqdxTw7da-n/images/intercom/9969120/image-46f07e2b.png?fit=max\&auto=format\&n=Fw9bluqdxTw7da-n\&q=85\&s=93fe96b7154404fb7c664707a482265e)

To Configure settings do the following:

1. Select credential(s) for **Allow Credential Creation**.

   ![How to Configure Oloid User Portal in... - screenshot 15](https://mintcdn.com/oloid-999c42b2/Fw9bluqdxTw7da-n/images/intercom/9969120/image-4610c8ab.png?fit=max\&auto=format\&n=Fw9bluqdxTw7da-n\&q=85\&s=23e15220b3ad17817a1c062452f00cb7)

   The user can create or update the selected credential from the Oloid User Portal.
2. Enable Login Timeout: User will be logged out of the user portal after the defined timeout duration.
3. Click **Deploy Changes**.

   ![How to Configure Oloid User Portal in... - screenshot 16](https://mintcdn.com/oloid-999c42b2/Fw9bluqdxTw7da-n/images/intercom/9969120/image-00e3eb66.png?fit=max\&auto=format\&n=Fw9bluqdxTw7da-n\&q=85\&s=6c44c8b47a5041c3648af092cde16c49)

   The **Confirm Update** pop-up box is displayed.

Click **Update**.

![How to Configure Oloid User Portal in... - screenshot 17](https://mintcdn.com/oloid-999c42b2/Fw9bluqdxTw7da-n/images/intercom/9969120/82d9d366-ffa7-4198-95d3-f99130d5785d-d12f0fd0.png?fit=max\&auto=format\&n=Fw9bluqdxTw7da-n\&q=85\&s=b051c23b26f4d63b11d0eaaac8c488e3)

The Settings tab is configured successfully.

***

### View Oloid User Portal

1. Log in to the **Tenant Admin Portal**.
2. On the homepage, click **user profile** icon from the bottom left.
3. Click **Tenant Settings**.
4. Select **Oloid Apps** > **User Portal** app link.

   ![How to Configure Oloid User Portal in... - screenshot 18](https://mintcdn.com/oloid-999c42b2/Fw9bluqdxTw7da-n/images/intercom/9969120/image-d345db17.png?fit=max\&auto=format\&n=Fw9bluqdxTw7da-n\&q=85\&s=909d6cdc8915c5e1f2fa8e328c3f5171)

   The Oloid User Portal is displayed successfully.

   ![How to Configure Oloid User Portal in... - screenshot 19](https://mintcdn.com/oloid-999c42b2/Fw9bluqdxTw7da-n/images/intercom/9969120/image-25061d0a.png?fit=max\&auto=format\&n=Fw9bluqdxTw7da-n\&q=85\&s=9e537cd4b6c59c17120198eca6766831)