3. Coletar e exibir 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.

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.

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

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.

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.

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.

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.

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:

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.

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

Adicionar um bloco Collect input

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

1. O bloco abre no lado direito.

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

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.

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

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:

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.

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

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

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:

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.

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

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.

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.

💬 Feedback