3. Coletar e exibir a entrada do usuário

Na lição anterior, ensinamos o bot a entender o usuário usando Processamento de Linguagem Natural (NLP). Nesta lição, você aprenderá como reunir as entradas dos usuários para uso na conversa.

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.

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.

O que será construído nesta lição.

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.
  1. O bloco abre no lado direito da tela. Adicione um Botões passo ao seu bloco clicando nele.

Adicione um passo Buttons ao seu bloco.
  1. Como um Mensagem de texto, adicione: É a sua primeira vez comprando conosco?

  2. Abaixo disso, clique em Adicionar botão.

  3. Clique em Ir para.

Adicione um botão Go-to ao seu bloco.
  1. Em Título, adicione Sou novo.

  2. Em Ir para, crie um Mensagem bloco chamado 'Welcome new user'. É um espaço reservado ao qual voltaremos mais tarde no tutorial.

  3. 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.
  1. 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.

Seu canvas oferece maneiras flexíveis e múltiplas de navegar nele. Saiba tudo sobre isso aqui.

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.
  1. Abra Welcome returning user e altere seu conteúdo para: Ótimo ver você novamente!

  2. 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.
  1. Teste seu bot. Se tudo funcionar bem, sua conversa deve ficar assim:

Teste o fluxo dos seus botões.

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.

O bloco Collect input.

Adicionar um bloco Collect input

  1. No seu canvas, arraste e solte um Coletar entrada bloco.

Adicione um bloco Collect input ao seu canvas.
  1. O bloco abre no lado direito.

  2. Sob seu Configurações, altere seu nome para Perguntar nome.

Altere o nome de um bloco nas suas Configurações.
  1. Volte à configuração do bloco e adicione um Passo Text.

  2. Preencha-o com a seguinte mensagem: Qual é o seu nome?

  3. Em Verifique se a resposta corresponde, escolha qualquer.

  4. 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.
  1. 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.
  1. Salvar suas alterações.

  2. Desenhe uma conexão Go-to entre Welcome new user e Perguntar nome.

  3. 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}.

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.

O Chatlayer oferece pré-definidas entidades para reconhecer e-mails, números de telefone ou URLs. Elas fornecem uma forma que economiza tempo para construir seus blocos Collect input!

  1. Em Variável de destino, crie {userEmail}.

Salve o e-mail do usuário em uma variável.
  1. Como um Go-to, crie um bloco placeholder chamado Próximo bloco.

Crie o próximo bloco a partir do Go to.
  1. Salvar suas alterações.

  2. Preencha seu Próximo bloco com um texto placeholder como Este é um bloco seguinte.

  3. Salvar suas alterações.

O que você criou deve ficar assim no seu canvas:

Como seu canvas deve estar neste estágio.

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.

Teste seu bloco a partir do canvas.
  1. Teste seu trecho de fluxo com os blocos Collect input. Sua conversa deve ficar assim:

Teste seu fluxo Collect input.

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.
  1. Leia para baixo os Dados da sessão e veja que {userName} e {userEmail} realmente existem e estão preenchidos com os valores corretos.

Verifique suas variáveis no Debugger.

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:

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.

4. Conduza a conversa com Condições

💬 Feedback

Atualizado

Isto foi útil?