> For the complete documentation index, see [llms.txt](https://docs.facephi.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.facephi.com/docs.facephi-en/products/editor-1/facephi-onboarding/web/widgets/documento.md).

# Document

**Document Capture Widget v.6.X.X**

### **Introduction** <a href="#introduccion" id="introduccion"></a>

Document Onboarding is a remote and online registration process that is carried out the first time a user accesses a service or product.

To carry out the registration, the document information is automatically captured in real time. The resulting output is used to verify the authenticity of the document using algorithms and security protocols.

### **Requirements and installation** <a href="#requisitos-e-instalacion" id="requisitos-e-instalacion"></a>

To use Facephi Onboarding, you must have a compatible browser on your device, whether from a computer or a mobile device. The compatible operating systems and browsers are:

* Windows, macOS, Android, iOS.
* Mozilla Firefox, Google Chrome, Opera, Safari.

### **Capture a document** <a href="#captura-un-documento" id="captura-un-documento"></a>

{% columns %}
{% column width="50%" %}

<figure><img src="/files/40d6d09c2ad73e34ba4d7f72b67a08da3e6a83fa" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column width="50%" %}
Before you begin, a message appears requesting the necessary permissions to carry out the process.

To continue, press button (1). To cancel the permission and not continue, press button (2).

1. Button to allow access
2. Button to cancel access
   {% endcolumn %}
   {% endcolumns %}

{% columns %}
{% column width="50%" %}

<figure><img src="/files/1ebfd2d8b3afa246073760500d8825658e8a53f3" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column width="50%" %}
Once in the Widget, text appears giving you instructions for the step to perform. In this case, your camera has been activated and you must focus on the front or back of your document. The document must fit within the rectangle (3), without the edges of the document extending beyond the frame. If the lighting and sharpness conditions are appropriate, the photo will be taken automatically.

If you have doubts or difficulties with this step, tap the information button (2) and a tutorial will open to help you.

You can switch between the cameras on your device by tapping the icon (4).

To exit the widget without taking the capture, tap icon (1).

1. Back button
2. Information button
3. Frame to position the document
4. Button to switch the camera
   {% endcolumn %}
   {% endcolumns %}

{% columns %}
{% column width="50%" %}

<figure><img src="/files/e7fcbb2f5958163a7f3a126b09664d15e754e9d4" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column width="50%" %}
This is the Document Capture tutorial. Here you will find some tips on how to position the document and what to keep in mind for a successful capture. There is a maximum of 3 tips.

To view them, press buttons (3) and (4). To return to Document Capture, press button (2).

1. Button to close the process
2. Back button
3. Next button
4. Previous button
   {% endcolumn %}
   {% endcolumns %}

{% columns %}
{% column width="50%" %}

<figure><img src="/files/f8bc65c7c1b8447303711ed0f308a6985f8b29a3" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column width="50%" %}
During this process, help messages will appear in the status notification (3) to help you capture correctly. For example, correcting the document tilt, if there is glare, or if it is too close/far away.

1. Button to close the process
2. Information button
3. Status notification
4. Frame to position the document
5. Button to switch the camera
   {% endcolumn %}
   {% endcolumns %}

{% columns %}
{% column width="50%" %}

<figure><img src="/files/f60749bde6be1813ef437196f695f814e9e8d078" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column width="50%" %}
The widget will show you in real time whether the capture could be made or whether there was a problem.

The process status is indicated in the status notification (3) with a different message and color.

If the capture fails, retry this step until the Widget makes a correct capture. The information button (2) can be very helpful for this step.

If the capture is successful, a confirmation message will appear. Repeat the same step, this time with the back side of your document.

1. Button to close the process
2. Information button
3. Status notification
4. Frame to position the document
5. Button to switch the camera
   {% endcolumn %}
   {% endcolumns %}

{% columns %}
{% column width="50%" %}

<figure><img src="/files/fe546e7671c90109f6c94e9ee10047a6675cc369" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column width="50%" %}
Once the document has been captured, a preview screen appears (if enabled in Settings). Here you must check that the document is fully visible and that the data are legible.

If the photo is blurry, or there is data that is obscured or cut off, we recommend retrying this step (3) to retake the photo and avoid future reading errors. A bad capture can lead to a misinterpretation of the data and require repeating the process again.

If the photo is sharp and the data are readable, press button (4) to continue to the next step.

1. Button to close the process
2. Information button
3. Retry button
4. Continue button
   {% endcolumn %}
   {% endcolumns %}

### **Errors** <a href="#errores" id="errores"></a>

#### **Generic**

{% columns %}
{% column width="50%" %}

<figure><img src="/files/4aa4cc6909fb69fd1ca24fc5fd3c51f7bc29e392" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column width="50%" %}
You can try again by pressing button (2).

1. Logout button
2. Retry button
   {% endcolumn %}
   {% endcolumns %}

#### **Timeout exceeded** <a href="#tiempo-superado" id="tiempo-superado"></a>

{% columns %}
{% column width="50%" %}

<figure><img src="/files/b6b690cf960806986ff5e8225df89a7050e0db00" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column width="50%" %}
The widget will show you in real time whether the capture could be made or whether there was a problem.

The process status is indicated inside the frame (3) with a different message and color.

If the capture fails, retry this step until the Widget makes a correct capture; otherwise, you will not be able to continue the process. The information button can be very helpful for this step.

If the capture is successful, a confirmation message will appear. Repeat the same step, this time with the back side of your document.

1. Back button
2. Information button
3. Frame to position the document
   {% endcolumn %}
   {% endcolumns %}

#### **Technical issues** <a href="#problemas-tecnicos" id="problemas-tecnicos"></a>

{% columns %}
{% column width="50%" %}

<figure><img src="/files/3429880f222454ad50efe9061109cc9da26fb601" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column width="50%" %}
An internal error has occurred in the app and it is necessary to restart the last step for a correct record.

1. Button to close the process
   {% endcolumn %}
   {% endcolumns %}