A Botmaker implementou uma nova interface que permite a criação de fluxos conversacionais de uma maneira mais simples e intuitiva. Dessa forma, você vai poder visualizar suas conversas de um jeito mais fácil, além de poder testar o seu bot para fazer mudanças e confirmar a versão final do seu fluxo em tempo real. 

Leitura estimada: 14 minutos

O que é o Bot Designer? 

A interface do Bot Designer permite que você crie bots e gerencie suas conversas a partir de diagramas de fluxo que vão dar forma à interação com seus clientes. Entrando em Menu > Chatbots, você vai poder escolher em qual chatbot criar seu fluxo conversacional. Lembre que a funcionalidade de Multibot permite ter vários chatbots especializados por temas (veja a seção Anexo no fim do artigo). 

Conheça algumas das características da nova interface que vão melhorar sua experiência para criar conversas na plataforma: 

• Interface visual e colaborativa ⚡

Crie seu bot rapidamente e automatize interações complexas através de uma interface de diagrama de fluxos. Trabalhe de forma colaborativa no seu bot e de maneira síncrona com diferentes membros da sua equipe. 

• Inteligência artificial 🤖

O motor de inteligência artificial com interpretação natural da linguagem vai ajudar você na criação do fluxo conversacional para: 

• Escolher uma resposta caso haja mais de uma resposta válida (desambiguação). 
• Dispor de opções de respostas quando o bot não entender a mensagem do usuário. 

• Demo em tempo real 📱

Teste sua conversa em tempo real e confira se é necessário fazer ajustes antes de disponibilizar a versão final ao seus clientes. 

• Templates 💪

Você pode criar seu bot através de templates disponibilizados pela plataforma. 

A seguir, você vai aprender sobre os seguintes temas: 

1. O que são os fluxos no Bot Designer?
2. 1. Fluxo principal
   2. Fluxo de desambiguação
   3. Fluxo quando o bot não entende
   4. Fluxo de agentes
   5. Fluxo de notificações
   6. Fluxo de videochamadas
   7. Outros fluxos
      
      
2. Como criar un fluxo? Blocos e organização do fluxo principal e fluxos alternativos:
3. 1. Blocos de respostas do bot
   2. Blocos de entrada do usuário (linguagem natural)
   3. Blocos de ações
   4. Blocos de condição
   5. Recomendações
   6. Mensagem de boas-vindas
   7. Considerações adicionais sobre o Bot Designer
   8. Ferramentas de criação  (mapa e zoom, centralizar, tela cheia)
   9. Busca de conteúdo
      
      
3. Como testar um fluxo?

4. Como publicar un fluxo?

5. Como criar um novo chatbot?

• Anexo: Multibot e Master Bot na interface do Bot Designer

1. O que são os fluxos no Bot Designer? 

O chatbot será responsável por responder aos seus usuários. Para isso, você deve criar o fluxo principal: um diagrama composto por diferentes blocos de respostas (textos, imagens, ações e condições) que vão dar forma à interação com o usuário. 

Você também vai poder criar fluxos alternativos, como o que o bot vai dizer caso não entenda algo, por exemplo. 

Uma vez selecionado o chatbot em que você quer criar o fluxo conversacional, você vai ver a tela a seguir, onde se destacam duas seções fundamentais que apresentam um menu suspenso: 

1. Chatbot: você vai poder navegar pelos diferentes chatbots e selecionar aquele que você deseja para trabalhar em sua configuração. 

2. Fluxo: divide as diferentes seções da conversa, permitindo definir as ações a serem realizadas de acordo com o fluxo escolhido. Existem seis fluxos: 

• Principal: mostra o fluxo conversacional geral para interagir com o usuário de acordo com a finalidade do chatbot: consultas sobre um determinado produto, pós-venda, atendimento ao cliente, venda online, bot regional etc. É o fluxo mais importante. 

No fluxo Principal, você vai ver a caixa ou bloco de texto do início da conversa: 

Os blocos de início de conversa e boas-vindas estão pré-definidos e não é possível apagá-los. Assim como mostra a imagem, o bloco de início da conversa marca o início do fluxo principal.

Na  imagem a seguir, você pode ver como se configura a mensagem de boas-vindas. Essa mensagem é a que vai ser mostrada ao usuário quando a conversa for iniciada. 

• De desambiguação: permite criar as opções de resposta que o chatbot vai dar quando a mensagem do usuário ativar mais de uma entrada do usuário de linguagem natural. 

• Quando não entende: o fluxo vai mostrar um bloco de texto para configurar a resposta que o bot vai dar quando não entender a mensagem do usuário.

• De agentes, dividido em: 

• • Usuário à espera de atendimento
  • Sem agentes disponíveis
  • Usuário atribuído a agente
  • Fechar conversa

Como exemplo, na tela a seguir selecionamos o fluxo sem agentes disponíveis e configuramos a seguinte mensagem do bot: 

• De notificações: ativa o fluxo de notificações de acordo com as notificações configuradas no Notifications Engine (Menu > Notifications Engine > Campanhas e Notificações) e os templates de WhatsApp (consultar o documentoComo gerenciar seus templates WhatsApp na plataforma Botmaker? para mais detalhes) que estiverem configurados na plataforma (Menu > Notifications Engine > Templates).

Na imagem a seguir, selecionamos happy_birthday como notificação. 

Dessa forma, o Bot Designer vai permitir adicionar uma notificação específica relacionada com a notificação happy_birthday do WhatsApp.

6. De videochamadas, dividido em: 

• Enviar convite para videochamadas
• Enviar convite para chamada de voz
• Enviar mensagem de finalização de chamada

A tela a seguir mostra um bloco de texto para enviar um convite para chamada de voz: 

• Outros: fluxos adicionais que são executados de acordo com a configuração que você queira, como por exemplo:

• • Ações prévias para cada mensagem recebida: é o que o bot sempre executa ao receber uma mensagem.
  • Problemas ao executar ações de código: é o que o bot executa quando ocorre um erro de execução de uma ação de código.
  • O usuário enviou uma localização: é executado quando o usuário envia uma localização.
  • O usuário enviou um contato: é executado quando o usuário envia um contato. 

A tela a seguir mostra um bloco de texto para indicar um problema com ações de código.

2. Como criar un fluxo?

Blocos de texto:

Os blocos/quadros são mostrados de uma maneira gráfica e estão ordenados de acordo com o fluxo selecionado: principal, mensagem quando entende, etc. 

Organização do fluxo principal e de fluxos alternativos com entradas do usuário e respostas do bot

Para criar o seu fluxo conversacional, você deve selecionar os fluxos necessários que vão proporcionar diferentes blocos azuis de texto, imagens e botões para as mensagens do bot e as interações do usuário (blocos verdes). O fluxo principal é o mais relevante da conversa, mas os fluxos alternativos compartilham a mesma dinâmica quanto às possibilidades de entradas para interações entre o bot e o usuário. 

Assim, ao clicar em + sobre as setas do diagrama , você vai poder adicionar diferentes blocos. 

Os blocos se dividem em 4 grupos:

a. Bloques de respostas do bot: são os blocos azuis. Incluem o seguinte:

• Texto
• Áudio
• Vídeo
• Arquivo 
• Sticker

b. Blocos de entradas do usuário: são os blocos verdes que se referem aos dados que o bot pede ao usuário para seguir com a interação por meio da linguagem natural. Incluem o seguinte:

• Linguagem natural
• Botões
• Lista de opções
• Formulário
• Carrossel

c. Blocos de ação: são os blocos laranja utilizados para adicionar uma ação determinada. Um exemplo é a ação salvar histórico dentro de Conversas, que vai guardar as conversas em uma variável determinada. Outro exemplo é a ação ir para, que vai direcionar a uma parte do fluxo. 

.

Para mais informações sobre as principais ações disponíveis na plataforma, consulte o artigo Como criar respostas com Ações 

d. Blocos de condição: são os blocos amarelos usados para adicionar uma condição que desencadeia uma resposta determinada. As condições têm um nome para definir se são ou não cumpridas. Caso se cumpram, um fluxo vai ser executado. Caso não, vai ser a vez de outro fluxo. Por exemplo: se a condição Idioma do usuário é Português, o bot vai executar o fluxo conversacional em Português. Caso essa condição não seja cumprida, um fluxo diferente vai ser executado, de acordo com as necessidades de configuração. 

Nota: para adicionar condições, existem as categorias que podem ser vistas na imagem abaixo. Cada categoria abrange diferentes opções que permitem configurar dados. Em Canais > Webchat, por exemplo, estão disponíveis as opções que estão na imagem dentro do retângulo vermelho. 

Você pode conferir o artigo Principais Variáveis para informações sobre as variáveis principais. 

e. Recomendações

Na hora de criar o fluxo conversacional, é conveniente usar verbos nos títulos, como por exemplo: Dar as boas-vindas/Mostrar o cardápio etc. Dessa forma, você vai poder identificar melhor o fluxo no seu conjunto. 

f. Mensagem de boas-vindas

É parte do fluxo principal e é a mensagem que vai ser mostrada quando o usuário iniciar a conversa. 

Considerações sobre a configuração avançada da mensagem de boas-vindas

A seção de configuração avançada permite incluir palavras-chave ou frases que vão fazer com que o fluxo de mensagens seja ativado, já que serão reconhecidas pelo bot. Você também pode incluir variações dessas palavras, para que o bot interprete e ative as mensagens correspondentes. Dessa forma, há diversos grupos com variações diferentes, e você pode selecionar o que quiser. 

No exemplo acima, se o usuário escreve a palavra “Ols” por engano, o bot vai interpretar que ele quis dizer “Olá”, e, portanto, vai desencadear as mensagens correspondentes configuradas na mensagem de boas-vindas. 

g. Considerações adicionais sobre o Bot Designer

1. Play nas caixas de texto

A interface conta com a função de play em qualquer caixa de texto. Ao pressionar o ícone, o conteúdo será executado a partir dessa caixa. Você pode visualizar a organização da conversa do lado direito da tela, como é possível ver na imagem a seguir: 

2. Disparador: é uma frase que vai desencadear uma ação ou resposta determinada. Ou seja, é aquela frase que determina o comportamento do chatbot. Uma vez ativada, são mostrados textos, botões, imagens, ou é pedida uma determinada ação ao usuário. Por exemplo: o disparador “Olá” vai executar o início da conversa. 

h. Ferramentas de criação

A interface do Bot Designer conta com ferramentas interativas para facilitar ainda mais a criação dos chatbots. 

1) Mapa e zoom

O  mapa permite que você se localize visualmente dentro da tela de configuração clicando no ícone mostrar mapa. O zoom, à esquerda, possibilita aproximar (zoom in) e distanciar (zoom out) para não perder de vista a estrutura da conversa. Ao se distanciar muito, o mapa aparece automaticamente. 

2) Centralizar

Clicando no ícone circular, você vai poder visualizar rapidamente o fluxo conversacional no centro da tela. 

3) Tela cheia

Clicando no quadrado, você vai visualizar a conversação no modo tela cheia. 

i. Busca de conteúdo

É possível fazer uma busca por termo para que apareçam os blocos relacionados a essa palavra. Na tela a seguir, buscamos o termo tickets e encontramos um resultado. 

3. Como testar um fluxo? 

À direita da tela está o Chat de teste, que permite provar o fluxo conversacional. 

Ao clicar no ícone , você vai poder testar o seu chatbot a qualquer momento e a partir de qualquer trecho da conversa. É possível fazer a visualização para diferentes canais: Webchat, WhatsApp etc. 

4. Como publicar um fluxo?

Quando sua conversa estiver criada, você vai poder visualizar os blocos a serem publicados clicando em Publicar, no canto superior direito da tela. Clicando no mesmo local, também é possível ver o tipo de bloco criado, o autor, a data, a hora da última modificação e o histórico de mudanças feitas. Ao publicar, os blocos selecionados ficarão visíveis para os seus usuários. 

5. Como criar um novo chatbot?

Ao entrar em Menu > Chatbots, além de escolher em qual chatbot criar o fluxo conversacional (caso você já tenha criado um anteriormente), será possível criar um chatbot do zero ou usar os templates disponibilizados pela Botmaker. A possibilidade de usar templates está disponível tanto para os chatbots com intenções quanto para os chatbots com diagramas de fluxo (nova interface do Bot Designer). Nos dois casos, você deve escolher uma das opções. 

Uma vez selecionado o tipo de chatbot, ao deixar o mouse sobre o botão, você vai ver a opção de usar ou não um template. 

No exemplo abaixo, mostramos a criação de um chatbot usando o template Template Português. 

Ao clicar em Salvar, você vai ver o novo chatbot criado com o template selecionado. 

Anexo: Multibot e Master Bot na interface do Bot Designer

Entrando em Menu > Chatbots, você vai poder escolher em qual chatbot criar seu fluxo conversacional. Lembre que a funcionalidade Multibot permite ter vários chatbots especializados por temas, com sua criação de acordo com necessidades específicas. Você pode conferir mais detalhes em Multibot: vários bots para ordenar suas conversas. Além disso, os diferentes chatbots que você criar podem ser gerenciados a partir da ferramenta de administração de fluxos ou Master Bot. Acesse mais detalhes no documento O que é o Master Bot? 

Otimize a criação das suas conversas 

O Bot Designer vai elevar a organização das suas conversas a outro nível através de uma interface mais visual e intuitiva, permitindo que você faça mudanças e configurações de um jeito simples. 

Otimize a criação do seu fluxo conversacional com o Bot Designer e faça mudanças facilmente de acordo com suas necessidades! 

Lembre de visitar nosso Centro de Ajuda para mais informações. 

Escrito por: Equipe Botmaker 

Atualizado: 09/02/2024