# Feedback NPS

{% hint style="info" %}
Recurso disponível integralmente apenas no canal Widget
{% endhint %}

## Estrutura <a href="#fc1ab338-739a-4773-bec6-f0c9e02ed5cd" id="fc1ab338-739a-4773-bec6-f0c9e02ed5cd"></a>

```json
{
    "default": {
        "type": "feedback_nps",
        "payload": {
            "pick": "Qual é a sua satisfação geral em relação a esse atendimento?",
            "btn_label": "CONFIRMAR"
        }
    }
}
```

## Atributos <a href="#id-416bd357-5d1e-456a-a646-afea66eeda9e" id="id-416bd357-5d1e-456a-a646-afea66eeda9e"></a>

* **type:** feedback\_nps
* **payload:**
  * **pick:** pergunta exibida no componente, pode ser um array de objetos, com outras perguntas ou uma string. Vide "Exemplos"
  * **btn\_label:** texto (label) do botão de envio
  * **mandatory (default: true):** determina se o usuário precisa escolher uma nota para avançar ou não.
  * **reverseOptions (default: false):** quando setado para true exibe as opções das notas de 10 a 0 ao invés de 0 a 10.

Os atributos **reverseOptions** e **mandatory** são funcionais somente no Widget.

## Exemplos <a href="#id-37893b92-97d6-47d2-b0e6-025d2b96e6a0" id="id-37893b92-97d6-47d2-b0e6-025d2b96e6a0"></a>

{% tabs %}
{% tab title="Uma pergunta" %}

```json
{
    "default": {
        "type": "feedback_nps",
        "payload": {
            "pick": "Qual é a sua satisfação geral em relação a esse atendimento?",
	    "reverseOptions": true,
            "btn_label": "CONFIRMAR"
        }
    }
}
```

{% endtab %}

{% tab title="Widget" %}
![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-MLgsXOJT569YIoa_n9M%2F-MLi8z06ysqnFa_g0dNl%2Funico.gif?alt=media\&token=9825e440-9080-4fa1-ade8-3b9fb0cab47e)
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Múltiplas perguntas" %}
{% hint style="info" %}
Em canais diferentes de Widget, somente o primeiro `pick` será processado.
{% endhint %}

```json
{
    "default": {
        "type": "feedback_nps",
        "payload": {
            "pick": [
                {
                    "pick": "Qual é a sua satisfação<br> geral em relação a esse atendimento?",
                    "mandatory": true,
                    "reverseOptions": true
                },
                {
                    "pick": "O quão rápido você conseguiu resolver seu problema?"
                },
                {
                    "pick": "O quanto você está disposto a usar esse canal de atendimento novamente?",
                    "mandatory": false
                }
            ],
            "btn_label": "Enviar"
        }
    }
}
```

{% endtab %}

{% tab title="Múltiplas opções" %}
Note que a terceira pergunta está marcada com `mandatory: false` , logo posso marcá-la e desmarcá-la. Diferentemente, a primeira e a segunda pergunta, uma vez que cada avaliação é marcada, não é possível desmarcar, só é permitido alternar a escolha.

Observa-se que enquanto todas as perguntas obrigatórias não forem respondidas, o botão de confirmação não será desbloqueado.

![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-MLgsXOJT569YIoa_n9M%2F-MLi9WBqDfnfNvb5cwkO%2Fmultiplas.gif?alt=media\&token=765b07a3-931d-4f94-ba20-8cb29fb91852)
{% endtab %}
{% endtabs %}
