# 3. Coletar e exibir a entrada do usuário No Chatlayer, coletar respostas dos seus usuários pode ser feito de 3 maneiras: * usando cliques em botões, que são melhores para perguntas fechadas, ou seja, perguntas com um conjunto limitado de respostas possíveis. * usando blocos Collect input, que são melhores para perguntas abertas, ou seja, perguntas com um conjunto de respostas possíveis aberto. * usando entidades. {% hint style="success" %} [Entidades](https://docs.chatlayer.ai/understanding-users/natural-language-processing-nlp/synonym-entities) são um recurso especial de NLP para detectar informações dentro da mensagem do usuário. Você descobrirá mais sobre elas em outro tutorial. {% endhint %} Nesta lição, você aprenderá como usar cliques em botões e blocos Collect input para salvar informações que podem ser reutilizadas mais tarde.

## Etapa 6: Obter respostas por cliques em botões Uma maneira fácil e rápida de obter entrada dos seus usuários é adicionar botões ao seu chatbot. Vamos criar um bloco que pergunta se o usuário é um cliente novo, o que dará então uma resposta diferente. ### Adicionar botões Para adicionar botões ao seu bot: 1. Vá para o seu canvas. 2. Arraste e solte um **Mensagem** bloco para sua tela de fluxo.

Adicione um bloco Message ao seu canvas.

3. O bloco abre no lado direito da tela. Adicione um **Botões** passo ao seu bloco clicando nele.

4. Como um **Mensagem de texto**, adicione: *É a sua primeira vez comprando conosco?* 5. Abaixo disso, clique em **Adicionar botão**. 6. Clique em **Ir para**.

{% hint style="success" %} Um [Botão Go-to](https://docs.chatlayer.ai/bot-answers/go-to-connections#go-tos-in-buttons) é um botão que, quando clicado, vai para outro bloco na conversa. {% endhint %} 7. Em **Título**, adicione *Sou novo*. 8. Em **Ir para**, crie um **Mensagem** bloco chamado 'Welcome new user'. É um espaço reservado ao qual voltaremos mais tarde no tutorial. 9. Repita o mesmo passo para criar outro botão chamado *Eu já sou cliente* que vai para um novo bloco que você chamará *Welcome returning user.*

Preencha seus botões com um título e um Go-to.

10. **Salvar** suas alterações. Seus botões foram criados! Vamos definir o que acontece quando eles forem clicados agora. ### Definir respostas após cliques Hora de modificar elementos no seu canvas para que o bloco certo leve à resposta certa. {% hint style="info" %} Seu canvas oferece maneiras flexíveis e múltiplas de navegar nele. Saiba tudo sobre isso [aqui](https://docs.chatlayer.ai/bot-answers/bot-canvas/canvas-functionalities). {% endhint %} #### Alterar o nome e o conteúdo de um bloco 1. No canvas, clique duas vezes no último bloco que você criou para alterar seu nome: * Chame-o de *Verificar tipo de usuário*. * Clique no **ícone de** marca de seleção para salvá-lo.

Altere o nome do seu bloco diretamente no canvas.

2. Abra **Welcome returning user** e altere seu conteúdo para: *Ótimo ver você novamente!* 3. Abra **Welcome new user** e altere seu conteúdo para: *Bem-vindo então! Hoje é seu dia de sorte: temos 5% de desconto extra para novatos!* As alterações devem ficar assim no seu canvas:

Cada botão clicado aciona um bloco diferente.

Bom, seu usuário agora pode clicar em um botão e receber uma resposta correspondente. Vamos garantir que essa pergunta siga os passos anteriores da conversa. #### Desenhar conexões Go-to 1. Desenhe uma conexão Go-to entre **Yes to discount** e **Verificar tipo de usuário** mantendo o mouse pressionado a partir do nó inferior do seu **Yes to discount** bloco.

Desenhe conexões Go-to a partir do seu canvas.

{% hint style="success" %} Um [conexão Ir-para](https://docs.chatlayer.ai/bot-answers/go-to-connections) entre o bloco A e o bloco B significa que o bloco B acontecerá logo após o bloco A na conversa. Conexões Go-to são representadas como setas simples no seu canvas. {% endhint %} 2. Teste seu bot. Se tudo funcionar bem, sua conversa deve ficar assim:

Você adicionou botões ao seu bot com sucesso para responder perguntas fechadas. Agora, vamos aprender como fazer perguntas mais abertas. ## Etapa 7: Usar blocos Collect input Lembre-se, nosso projeto Bee bot é um bot de geração de leads. Chegamos à parte do fluxo do bot em que você coletará os dados das pessoas para uso futuro. No Chatlayer, você pode coletar respostas abertas durante a conversa usando blocos Collect input.

{% hint style="success" %} [Coletar entrada](https://docs.chatlayer.ai/bot-answers/dialog-state/user-input-bot-dialog) blocos são úteis para obter entrada do seu usuário, verificar e salvar como uma variável que você pode reutilizar mais tarde. {% endhint %} ### Adicionar um bloco Collect input 1. No seu canvas, arraste e solte um **Coletar entrada** bloco.

Adicione um bloco Collect input ao seu canvas.

2. O bloco abre no lado direito. 3. Sob seu **Configurações**, altere seu nome para *Perguntar nome*.

Altere o nome de um bloco nas suas Configurações.

4. Volte à configuração do bloco e adicione um **Passo Text**. 5. Preencha-o com a seguinte mensagem: *Qual é o seu nome?* 6. Em **Verifique se a resposta corresponde**, escolha **qualquer**. 7. Em **Variável de destino**, crie uma nova variável que você chamará `userName`.

Verifique se a resposta de um Collect input corresponde a uma variável.

8. Em **Ir para**, crie o próximo bloco que será um **Coletar entrada** bloco chamado *Perguntar email*.

Criar um Collect input a partir de um Go to.

9. **Salvar** suas alterações. 10. Desenhe uma conexão Go-to entre **Welcome new user** e **Perguntar nome**. 11. Desenhe uma conexão Go-to entre **Welcome returning user** e **Perguntar nome**. Neste estágio, seu canvas deve ficar assim:

Como seu canvas deve estar neste estágio.

## Etapa 8: Reutilizar uma variável na conversa Para que o usuário se sinta ouvido, gostaríamos de reutilizar o nome que acabamos de coletar no bloco anterior. Para isso, reutilizaremos a variável {userName}. {% hint style="success" %} [página de Variáveis](https://docs.chatlayer.ai/bot-answers/settings/secure-variables-gdpr) são usados para armazenar qualquer informação que o bot saiba sobre um usuário. Eles podem ser reutilizados dentro do texto usando chaves {}. Saiba mais sobre variáveis [aqui](https://docs.chatlayer.ai/bot-answers/settings/secure-variables-gdpr). {% endhint %} Para reutilizar uma variável dentro do texto: 1. Abra seu **Perguntar email** bloco. 2. Altere seu conteúdo para que pergunte *Ótimo {userName}, e seu e-mail?* 3. Em **Verifique se a resposta corresponde**, selecione **@sys.email.** {% hint style="info" %} O Chatlayer oferece [pré-definidas](https://docs.chatlayer.ai/bot-answers/dialog-state/user-input-bot-dialog#system-entities-input-type) entidades para reconhecer e-mails, números de telefone ou URLs. Elas fornecem uma forma que economiza tempo para construir seus blocos Collect input! {% endhint %} 4. Em Variável de destino, crie {userEmail}.

Salve o e-mail do usuário em uma variável.

5. Como um Go-to, crie um bloco placeholder chamado **Próximo bloco**.

6. **Salvar** suas alterações. 7. Preencha seu **Próximo bloco** com um texto placeholder como *Este é um bloco seguinte*. 8. **Salvar** suas alterações. O que você criou deve ficar assim no seu canvas:

O que acontece depois que implementamos algo? Testes, claro! ### Teste seu Collect input Você pode testar seu bot de qualquer ponto da conversa. Vamos testar apenas o pequeno trecho do fluxo que acabamos de criar e ver que a variável é de fato compreendida no back-end. #### Testar a partir do meio de um fluxo Para testar um bot a partir do meio de um fluxo: 1. Clique em **Perguntar nome** bloco. 2. Uma barra de ferramentas se abre. Clique no **Testar** botão.

3. Teste seu trecho de fluxo com os blocos Collect input. Sua conversa deve ficar assim:

#### Verificar a variável na sessão do usuário A guia Debugger permite verificar os dados da sua sessão e ver por si mesmo que uma variável foi realmente compreendida. Para isso: 1. Abra a janela Test your bot. 2. Clique no ícone Debugger no canto superior direito da tela.

Abra o Debugger a partir da sua janela de Teste.

3. Leia para baixo os **Dados da sessão** e veja que {userName} e {userEmail} realmente existem e estão preenchidos com os valores corretos.

{% hint style="success" %} O [Depurador](https://docs.chatlayer.ai/tips-and-best-practices/solving-bot-issues#debugger-tab) é útil para detectar de onde vem um problema se algo deu errado com o comportamento do seu bot. {% endhint %} Viva! Você coletou uma resposta e a usou dentro da sua conversa, exatamente como humanos fazem. ## Recapitulação da Lição 3 Nesta lição, você aprendeu a: * [ ] Adicione botões ao seu chatbot. * [ ] Direcione a conversa com base em um clique de botão. * [ ] Obtenha entrada do usuário usando blocos Collect input e armazene-a como uma variável. * [ ] Reutilize variáveis dentro da conversa. * [ ] Desenhe conexões Go-to a partir do seu canvas. * [ ] Altere o nome de um bloco a partir do seu canvas. * [ ] Teste seu bot a partir de um determinado bloco na conversa. * [ ] Use o Debugger para verificar se uma variável está funcionando. ## O que vem a seguir Na próxima lição, exploraremos como usar variáveis em qualquer ponto da conversa para direcioná-la com base em certas condições. {% content-ref url="4.-steer-the-conversation-with-conditions" %} [4.-steer-the-conversation-with-conditions](https://docs.chatlayer.ai/chatlayer-documentation-pt-br/comece-rapidamente/leadzy-tutorial/4.-steer-the-conversation-with-conditions) {% endcontent-ref %} ## 💬 Feedback {% hint style="warning" %} Seu feedback sobre o tutorial significa muito para nós! Por favor, conte-nos o que você acha através de [este formulário curto.](https://forms.office.com/Pages/ResponsePage.aspx?id=ropROyGJe0qEl2GddWziDlEYn6XpsIRDjnCtdRk8L21UMFZMMlAzN0tHOTI4UjMxVTgzTVAwTE5aOCQlQCN0PWcu) {% endhint %}