Você pode criar uma pesquisa de NPS com o Merlin em poucos passos. Para isso vamos utilizar o componente Pergunta com botões e fazer algumas pequenas edições no seu design.

Porém, antes de irmos ao passo a passo da pesquisa, veja como projetamos nosso bot de exemplo para esse tutorial:

• Adicione o componente Pergunta com botões ao fluxo e edite-o da seguinte forma:

  • Escreva a pergunta base da pesquisa:

    Em uma escala de 0 a 10, qual a probabilidade de você recomendar nossa empresa (serviço ou produto) para uma colega, parente ou amigo?

  • Adicione as opções de 0 a 10.

  • Configure o ID CSS - Respostas para nps-respostas.

  O Componente deverá estar configurado da seguinte forma:

  

• Se desejar, adicione um componente de Pergunta aberta para coletar um feedback mais estruturado do seu cliente. Sugestão de pergunta:

  Quais foram os motivos que te levaram a dar essa nota? (Opcional)

  Veja uma imagem com o exemplo de configuração:

  

Por fim, clique na opção Configurações do menu superior, depois em Customize o css e adicione o código abaixo para deixar os botões estilizados:

/* disposição de todos os botões em uma linha */
div#nps-respostas {
    display: flex;
}

/* espaçamento dos botões */
div#nps-respostas > button {
    padding: 1.25rem 0rem;
    margin: 0.1rem;
    flex: 1;
    border-width: 0;
}

/* notas entre 0 e 6 */
div#nps-respostas > button:nth-child(-n+7) {
    background-color: #ff4d4d;
}

/* notas 7 e 8 */
div#nps-respostas > button:nth-child(n+8):nth-child(-n+9) {
    background-color: #c09e44;
}

/* notas 9 e 10 */
div#nps-respostas > button:nth-child(n+10):nth-child(-n+11) {
    background-color: #53ba45;
}

Clique em Aplicar para salvar as alterações.

Para testar, acesse o seu bot e responda as perguntas: