# Guide to Creating and Configuring a Portal on FaceSign

***

#### Step 1: System Authentication

* The process starts on the platform's login screen **FaceSign**. The user can choose facial biometric authentication by clicking "**Face In**", or use the traditional method with email and password. After entering the credentials, access to the dashboard is granted by clicking the "**Enter**".

<figure><img src="https://1944264865-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHOws1GppZYJspgX4wu1%2Fuploads%2FHLurUo6ieIZi88C8Eagj%2Fimage.png?alt=media&#x26;token=6ac21e0b-317e-45ee-becc-8ff8dfe11f5e" alt=""><figcaption></figcaption></figure>

***

#### **Step 2: Accessing the Clients Area and Creation**

* After logging in, the user is directed to the biometric dashboard. In the left sidebar menu, select the option "**Clients**". To start the registration, click the "**New Client**" button, located in the top right corner of the screen. This action will open a form with seven configuration tabs for registering a new portal.&#x20;

<figure><img src="https://1944264865-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHOws1GppZYJspgX4wu1%2Fuploads%2F3LIWT6EMkOkz1pQ8KQoG%2Fnomes%20borrados.jpg?alt=media&#x26;token=e5d94711-6dc5-4bff-8ec0-1d85a7ad0371" alt=""><figcaption></figcaption></figure>

***

#### **Step 3:** Company Configuration and Authentication

* On the first tab, "**Company**", fill in the company name in the corresponding field. The system allows activating the "**default authentication (Portal)**", automatically generating a username and a secure password, which can be used for direct access to the client's portal.

<figure><img src="https://1944264865-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHOws1GppZYJspgX4wu1%2Fuploads%2FpCfIhY1aObObbHeBqbhR%2Fframe_0003.jpg?alt=media&#x26;token=4fab0051-0e15-49fd-8afa-2e9acd53ddc0" alt=""><figcaption></figcaption></figure>

***

#### **Step 4:** Layout Customization&#x20;

* The "**Layout**" tab allows visual customization of the client's portal. It is possible to choose a background image for the login screen by clicking "**Choose file**" in the "**Background**".

<figure><img src="https://1944264865-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHOws1GppZYJspgX4wu1%2Fuploads%2F8vXykHckERfrU2OmJBcR%2Fimage.png?alt=media&#x26;token=dd63aa08-5127-41b1-b6ba-bc34ccea8b56" alt=""><figcaption></figcaption></figure>

* After selection, the image is displayed as a preview.&#x20;

<figure><img src="https://1944264865-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHOws1GppZYJspgX4wu1%2Fuploads%2FUOSVnfBMzWldtKZ1F4Sm%2Ftela%20borrada.jpg?alt=media&#x26;token=5f2674e4-6159-42fe-98e3-b104c5a0b442" alt=""><figcaption></figcaption></figure>

***

#### **Step 5:** Logo and Color Adjustment

* Still on the **customization**tab, it is possible to upload the company's logo, set its alignment (Left, Centered, Right) and customize the "**Primary Color**" and the "**Secondary Color**" of the portal. A full color picker, with palette options and hexadecimal code, is available for precise adjustment.

<figure><img src="https://1944264865-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHOws1GppZYJspgX4wu1%2Fuploads%2FQ3v0PnNa2dfvsZfbUE24%2Fimage.png?alt=media&#x26;token=cc842a18-013d-4cd8-ae5d-42a78c27508f" alt=""><figcaption></figcaption></figure>

***

#### **Step 6:** Definition of Features

* On the "**Feature**" tab, the administrator configures the portal's behavior. It is possible to define the "**Flow Type**" (3D or 2D) and the "**Document Type**", which functions as the user's unique identifier in the biometric system (e.g., CPF, RG). In addition, the option "**Enable Document Capture (OCR)**?" activates the documentoscopy **functionality**, which not only extracts data from the physical document but also performs a security check to identify possible tampering.

<figure><img src="https://1944264865-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHOws1GppZYJspgX4wu1%2Fuploads%2FZevvXx5NXfS8qd7MDPIU%2Fframe_0007.jpg?alt=media&#x26;token=43dedabf-9b83-4afb-98ca-3e099794ab30" alt=""><figcaption></figcaption></figure>

***

#### **Step 7:** Security and Integration Settings

* Scrolling down in the same tab, there are advanced security and integration options. It is possible to enable **SSO (Single Sign-On)**, **Automatic Review**, select fields for registration review and activate protocols such as **SAML** or token authentication, offering flexibility for different usage scenarios.

<figure><img src="https://1944264865-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHOws1GppZYJspgX4wu1%2Fuploads%2FkTmRQEZH2NWQZjpRSwvb%2Fimage.png?alt=media&#x26;token=77993448-1d68-417d-8740-97fa88520947" alt=""><figcaption></figcaption></figure>

#### Step 7.1: Additional data

* The "**Additional Data**" allows the client to create custom fields to collect information specific to their business. These fields are added to the biometrics form, enabling the collection of supplementary data beyond the standard identification and documentoscopy information.

#### Step 7.2: Customization (In Deployment)

The "Customization" tab is under deployment and will soon be available in the production environment. When released, it will allow the client to:

* **Configure** the success and failure messages displayed to the user after the biometric process;
* **Define** whether to display the captured image at the end of the process;
* **Adjust** the display time of the image screen before the redirect to the destination page.

***

#### Step 8: Client Management

* After configuration, the new client is saved and becomes listed on the main screen of the "**Clients**" section. The interface displays a table with essential information and an "**Actions**" column with several icons for management:

| Column 1                                                                                                                                                                                                                                               | Column 2            | Column 3                                                                           |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------- | ---------------------------------------------------------------------------------- |
| <img src="https://1944264865-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHOws1GppZYJspgX4wu1%2Fuploads%2FOyHcVkXQVVRHttPutCLK%2Fimage.png?alt=media&#x26;token=b8af6183-5668-48e3-bc80-96be5c9d36d1" alt="" data-size="line"> | **Edit**            | Opens the client settings screen for editing.                                      |
| <img src="https://1944264865-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHOws1GppZYJspgX4wu1%2Fuploads%2FwbJtNwueYcZWNX0zIUil%2Fimage.png?alt=media&#x26;token=2a689c2f-659d-4c4a-b38d-b80ccf00a2c0" alt="" data-size="line"> | Link "**Home**"     | Performs the user's biometrics but does not generate any kind of callback.         |
| <img src="https://1944264865-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHOws1GppZYJspgX4wu1%2Fuploads%2Ff9gWgbvAJbi8WowPZwST%2Fimage.png?alt=media&#x26;token=cce84b04-d191-434f-a8e2-98913272cd4e" alt="" data-size="line"> | Link "**SSO**"      | Performs biometrics and generates the callback for integration with other systems. |
| <img src="https://1944264865-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHOws1GppZYJspgX4wu1%2Fuploads%2FbNUpiQiWkdPbJKQbOO6z%2Fimage.png?alt=media&#x26;token=d2c7cec6-84bd-43d3-895f-276ccaa99cf6" alt="" data-size="line"> | Link "**Liveness**" | Performs only the "proof of life" (Liveness) verification.                         |
| <img src="https://1944264865-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHOws1GppZYJspgX4wu1%2Fuploads%2FRvF3M4zdDsf59pVcVHkO%2Fimage.png?alt=media&#x26;token=aa7822f2-3f95-40bf-a5fa-188f00938bef" alt="" data-size="line"> | Link "**ID**"       | Performs only documentoscopy, without associating it with a biometric user.        |
| <img src="https://1944264865-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHOws1GppZYJspgX4wu1%2Fuploads%2FbS7XEeUCkji5BaExhXWV%2Fimage.png?alt=media&#x26;token=768c02f2-4f5a-478f-99ff-69187340fe50" alt="" data-size="line"> | Link "**CRM**"      | Tool for real-time verification and sending biometric links.                       |

<figure><img src="https://1944264865-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHOws1GppZYJspgX4wu1%2Fuploads%2FhMK0I72SK4i5oMotctMY%2Fdakda.jpg?alt=media&#x26;token=9455ad71-4cb1-4f1c-b107-6c1af155fc44" alt=""><figcaption></figcaption></figure>

***

#### Step 9: Searching and Adding New Clients

* The client management interface includes a search bar to quickly locate a specific client and a "**New Client**" button to start the registration process again, demonstrating an efficient workflow for managing multiple portals.

<figure><img src="https://1944264865-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHOws1GppZYJspgX4wu1%2Fuploads%2F08VOX6Uyv9bgKi6RaVIm%2FSem%20T%C3%ADtulo-1.jpg?alt=media&#x26;token=206d2c24-087b-4397-87f3-6ce59a7db4b5" alt=""><figcaption></figcaption></figure>

***

#### Configuration Tabs - SUMMARY

The process of creating a client in FaceSign is organized into seven main tabs:

| Tab                                                          | Description                                                    |
| ------------------------------------------------------------ | -------------------------------------------------------------- |
| <ol><li><strong>Company</strong></li></ol>                   | Company data and default authentication configuration (Portal) |
| <ol start="2"><li><strong>Layout</strong></li></ol>          | Visual customization with logo, colors and background image    |
| <ol start="3"><li><strong>Feature</strong></li></ol>         | Flow type, identifying document, OCR and security              |
| <ol start="4"><li><strong>Documentoscopy</strong></li></ol>  | Document verification and integration settings                 |
| <ol start="5"><li><strong>Security Data</strong></li></ol>   | SSO, SAML and authentication settings                          |
| <ol start="6"><li><strong>Pricing</strong> </li></ol>        | Definition of plans and costs                                  |
| <ol start="7"><li><strong>Customization</strong></li></ol>   | Custom messages (in deployment)                                |
| <ol start="8"><li><strong>Additional Data</strong></li></ol> | Creation of custom fields for data collection                  |
| <ol start="9"><li><strong>Customization</strong></li></ol>   | Configuration of messages and image display (in deployment)    |

***

#### Conclusion

* The FaceSign platform offers a robust and intuitive administrative panel for creating and managing client portals. The configuration process is modular, divided into tabs that cover everything from visual identity to security and integration features, allowing the efficient creation of customized and secure portals.

***

### Support and Contact

For technical support or questions, use the FaceSign Admin Portal or contact our team through the official channels.
