# Campos customizados

Caso precise incluir campos extras no documento, como por exemplo o nome do assinante ou um campo de data em que o documento foi assinado, você pode fazer uso dos campos customizados para o assinante. As opções são:

* `0`: O nome do assinante;
* `1`: O email do assinante;
* `4`: Um campo de data atual;
* `6`: Um campo de input de texto de preenchimento opcional;
* `7`: Um campo de input de texto de preenchimento obrigatório;
* `11`: Um campo de data da assinatura;

## Campo de nome do assinante

Para adicionar o nome do assinante, inclua nas `fields` :

```javascript
{
    ...
    "files": [
        {
            ...,
            "workflowSteps": [
                {
                    "user": {
                        "name": "João Carlos Santos",
                        "email": "joaocarlossantos@webbamail.com"
                    },
                    "action": 0,
                    "signatureType": 0,
                    "fields": [
                        {
                            "type": 0,
                            "x": 51,
                            "y": 29,
                            "height": 0,
                            "width": 0,
                            "page": 1
                        },
                        ...
                    ]
                }
            ]
        }
    ]
}
```

Resultado:

![Nome do assinante no documento](https://506970856-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LjXhHJXLxXcTB9dvWY_%2F-M11q5MwsHOe09RGxmIq%2F-M11rvoCYoQAO5Cdq77A%2Fimage.png?alt=media\&token=9a014e7f-dac0-4ac6-875b-755b7ef680bb)

## Campo de email do assinante

Para adicionar o email do assinante:

```javascript
{
    ...
    "files": [
        {
            ...,
            "workflowSteps": [
                {
                    "user": {
                        "name": "João Carlos Santos",
                        "email": "joaocarlossantos@webbamail.com"
                    },
                    "action": 0,
                    "signatureType": 0,
                    "fields": [
                        {
                            "type": 1,
                            "x": 51,
                            "y": 29,
                            "height": 0,
                            "width": 0,
                            "page": 1
                        },
                        ...
                    ]
                }
            ]
        }
    ]
}
```

Resultado:

![](https://506970856-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LjXhHJXLxXcTB9dvWY_%2F-M11s-ZUEznB9yD90Td4%2F-M11sVxuQ5BxAczkr8wy%2Fimage.png?alt=media\&token=e994a8ba-e819-46db-985b-79922f34c5e5)

## Campo de data

Para adicionar a data da criação do fluxo:

```javascript
{
    ...
    "files": [
        {
            ...,
            "workflowSteps": [
                {
                    "user": {
                        "name": "João Carlos Santos",
                        "email": "joaocarlossantos@webbamail.com"
                    },
                    "action": 0,
                    "signatureType": 0,
                    "fields": [
                        {
                            "type": 4,
                            "x": 51,
                            "y": 29,
                            "height": 0,
                            "width": 0,
                            "page": 1
                        },
                        ...
                    ]
                }
            ]
        }
    ]
}
```

Resultado:

![](https://506970856-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LjXhHJXLxXcTB9dvWY_%2F-M11srbtfw0lNLIItkU8%2F-M11wj6e2b1RjMQHq3FW%2Fimage.png?alt=media\&token=5cea589d-4352-4a60-b10f-4c942bb1d8c4)

## Campo de texto

Para adicionar um campo de texto para o assinante preencher:

```javascript
{
    ...
    "files": [
        {
            ...,
            "workflowSteps": [
                {
                    "user": {
                        "name": "João Carlos Santos",
                        "email": "joaocarlossantos@webbamail.com"
                    },
                    "action": 0,
                    "signatureType": 0,
                    "fields": [
                        {
                            "type": 6,
                            "x": 51,
                            "y": 29,
                            "height": 46,
                            "width": 200,
                            "page": 1
                        },
                        ...
                    ]
                }
            ]
        }
    ]
}
```

O tipo `6` define que o campo é opcional e o tipo `7` que é obrigatório.

Resultado:

![](https://506970856-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LjXhHJXLxXcTB9dvWY_%2F-M11wrqjBm7Me3wB4Xih%2F-M11yIc8B9cU3fMsvAX8%2Fimage.png?alt=media\&token=38b6bd23-3a1f-42a4-b771-ce639ac270ad)

## Campo de data de assinatura

Para adicionar um campo que aparecerá a data de quando for feito a assinatura:

```javascript
{
    ...
    "files": [
        {
            ...,
            "workflowSteps": [
                {
                    "user": {
                        "name": "João Carlos Santos",
                        "email": "joaocarlossantos@webbamail.com"
                    },
                    "action": 0,
                    "signatureType": 0,
                    "fields": [
                        {
                            "type": 11,
                            "x": 51,
                            "y": 29,
                            "height": 0,
                            "width": 0,
                            "page": 1
                        },
                        ...
                    ]
                }
            ]
        }
    ]
}
```

Na propriedade `value` você define quais são as `options` disponíveis para o assinante escolher e em `value` fica a opção padrão.

O tipo `12` é um combobox opcional e tipo `13` é um combobox obrigatório.