Como ligar o Botpress Cloud ao Whatsapp Web

Este guia apresenta instruções detalhadas sobre como integrar o Botpress Cloud no Autotalk.

1 Introdução #

Nesse tutorial, assumimos que você já tem uma conta no Botpress Cloud e um fluxo criado nela.

2 Clique em “Empresa” #

Acesse a opção “Empresa”.

3 Clique em “Agentes” #

Selecione a guia “Agentes”.

4 Adicione um novo agente #

Clique no botão com símbolo de “+” na parte superior da tela para adicionar um novo agente.

5 Defina o nome do agente #

Nesse campo você deve definir o nome do novo agente.

6 Preencher nome do agente #

No nosso exemplo será “Meu botpress cloud”

7 Selecione o tipo agente #

Nesse campo você deve definir o tipo do agente.

8 Clique em “Botpress Cloud” #

No nosso caso será “Botpress Cloud”. Cuidado para não confundir com “Botpress V12”, essa é uma outra plataforma.

9 Crie o novo agente #

Clique no botão verde na parte superior da tela para criar o novo agente.

10 Acesse o Botpress cloud studio #

Vá para o studio do BotPress cloud. No nosso caso já temos um robô criado. Só precisamos integrar ele ao AutoTalk.

11 Clique aqui para abrir as integrações #

Clique no botão indicado para abrir as integrações do robô.

12 Clique em “Find more on the Hub” #

Precisamos instalar uma nova integração chamada “Chat”. Clique no botão indicado para abrir o hub de integrações.

13 Clique no campo “Search” #

Clique em “Search”.

14 Preencher “chat” #

Pesquise pelo termo “chat”

15 Encontre essa integração #

Encontre a integração chamada “Chat” com o ícone azul.

16 Clique em “Install Integration” #

Clique em “Install Integration”.

17 URL de integração #

Essa é a URL de integração do Botpress, vamos copiar ela para dentro do AutoTalk.

18 Copie a URL #

Clique no botão indicado para copiar a URL.

19 Volte para o AutoTalk #

Volte para a página de criação do agente no AutoTalk

20 Aqui você define a URL de integração do Botpress Cloud #

Nesse campo você define a URL de integração com o Botpress Cloud.

21 Cole a URL copiada no passo anterior #

Preencha o campo com a URL copiada no passo anterior.

22 Salve a modificação #

Clique no botão verde na parte superior para salvar suas modificações.

23 Modificações salvas #

Agora o AutoTalk já consegue enviar as mensagens para o BotPress, mas ainda não consegue receber. Para conseguir receber as mensagens precisaremos configurar o Webhook.

24 Segredo do webhook #

O segredo do webhook é um código aleatório gerado pelo AutoTalk para certificar que as mensagens recebidas são do bot configurado. Precisamos copiar esse texto para dentro do Botpress Cloud.

25 Copie o segredo do webhook #

26 Volte para o Botpress Cloud #

Volte para o Botpress Cloud Studio

27 Cole aqui #

Cole o segredo do webhook no campo indicado

28 Cole o segredo do webhook #

Volte para a aba do Botpress

29 Volte para o AutoTalk #

Volte para o AutoTalk, ainda precisamos configurar o endereço em que o Botpress Cloud enviará as mensagens.

30 URL do webhook #

A URL do Webhook também é definida automaticamente pelo AutoTalk, precisamos copiar ela para dentro do Botpress.

31 Clique em “COPIAR” #

Clique em copiar para copiar a URL.

32 Volte para o Botpress Cloud #

Volte para a aba do Botpress

33 Cole aqui a URL copiada #

Cole nesse campo a URL copiada no passo anterior.

34 Colando a URL copiada no passo anterior #

Clique em “Save Configuration”.

35 Clique em “Save Configuration” #

Clique em “Save Configuration” para salvar as modificações. E pronto, a integração está feita!

36 Volte para a aba do AutoTalk #

Volte para a aba do AutoTalk. Agora precisamos definir esse novo agente como padrão.

37 Clique para voltar para página anterior #

Clique no botão indicado para voltar para página anterior.

38 Localize seu novo agente #

Localize seu novo agente Botpress criado.

39 Expanda o menu de opções #

Clique no botão com três pontos para expandir o menu de opções.

40 Clique em “Definir padrão” #

Selecione “Definir padrão”.

41 Agente configurado como padrão #

O novo agente foi configurado como padrão, agora ele responderá em todos os canais de comunicação que não tiverem um agente predefinido.

42 Testar o agente #

Vamos testar o novo agente. Clique no botão verde com ícone de “play” para testar seu novo agente.

43 Uma nova janela de chat será aberta #

Uma nova tela de Chat será aberta, nela você pode testar seu agente.

44 Mande um olá para seu novo agente #

Digite um “olá” para seu novo agente.

45 Verificando a resposta #

Se tudo der certo o agente responderá corretamente.

O guia mostrou o processo de integração do Botpress Cloud no Autotalk. Caso você enfrente algum problema, entre em contato com o suporte.

Neste guia, você aprenderá como integrar seu Whatsapp ao AutoTalk por meio de um QR Code

1 Clique no menu “Empresa” #

2 Clique em Canais #

No submenu que foi aberto, clique em “Canais”, para abrir a lista de canais de comunicação da sua empresa.

3 Clique aqui #

Para adicionar um novo Canal. clique no ícone “+” na parte superior da tela.

4 Selecione a opção “Whatsapp QRCode” #

Na lista de opções de canais de integração, escolha a opção de integração com o Whatsapp via QR Code.

5 Clique aqui para aceitar os termos #

Nessa tela você verá uma lista de prós e contras da integração via Whatsapp. Para realizar a integração, leia atentamente as informações e marque abaixo que você está ciente das implicações.

6 Clique em “Próximo passo” #

Avance para a próxima etapa do processo.

7 Escaneie esse QR no seu celular #

Após alguns minutos um QR Code será gerado. Você deve escanear esse QR Code no aplicativo do Whatsapp do seu celular.

8 Abra seu Whatsapp e escaneie o código #

Agora, abra o Whatsapp no seu celular, clique em Dispositivos Conectados e escaneie o QR Code.

9 Confirme que a integração foi feita com sucesso. #

Após escanear o QR Code, se tudo der certo, você verá o seu número de celular na tela e poderá utilizar esse número dentro do AutoTalk.

Esse guia mostrou como associar seu Whatsapp via QR Code no AutoTalk, caso você ainda tenha dúvidas ou enfrente problemas, entre em contato com o suporte. Obrigado!