Ver categorias

Como ligar o Botpress Cloud ao Whatsapp Web

< 1 minutos de leitura

Esta página apresenta dois guias para conectar seu agente Botpress Cloud ao canal WhatsApp Web utilizando o AutoTalk. O primeiro guia ensina a integrar o agente no aplicativo, enquanto o segundo conecta o WhatsApp Web. Siga ambos para realizar a integração.

Guia 1: Integrar o agente Botpress Cloud #

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.

Passo 2 captura

2 Clique em “Empresa” #

Acesse a opção “Empresa”.

Passo 3 captura

3 Clique em “Agentes” #

Selecione a guia “Agentes”.

Passo 4 captura

4 Adicione um novo agente #

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

Passo 5 captura

5 Defina o nome do agente #

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

Passo 6 captura

6 Preencher nome do agente #

No nosso exemplo será “Meu botpress cloud”

Passo 7 captura

7 Selecione o tipo agente #

Nesse campo você deve definir o tipo do agente.

Passo 8 captura

8 Clique em “Botpress Cloud” #

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

Passo 9 captura

9 Crie o novo agente #

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

Passo 10 captura

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.

Passo 11 captura

11 Clique aqui para abrir as integrações #

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

Passo 12 captura

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.

Passo 13 captura

13 Clique no campo “Search” #

Clique em “Search”.

Passo 14 captura

14 Preencher “chat” #

Pesquise pelo termo “chat”

Passo 15 captura

15 Encontre essa integração #

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

Passo 16 captura

16 Clique em “Install Integration” #

Clique em “Install Integration”.

Passo 17 captura

17 URL de integração #

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

Passo 18 captura

18 Copie a URL #

Clique no botão indicado para copiar a URL.

Passo 19 captura

19 Volte para o AutoTalk #

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

Passo 20 captura

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.

Passo 21 captura

21 Cole a URL copiada no passo anterior #

Preencha o campo com a URL copiada no passo anterior.

Passo 22 captura

22 Salve a modificação #

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

Passo 23 captura

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.

Passo 24 captura

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.

Passo 25 captura

25 Copie o segredo do webhook #

Passo 26 captura

26 Volte para o Botpress Cloud #

Volte para o Botpress Cloud Studio

Passo 27 captura

27 Cole aqui #

Cole o segredo do webhook no campo indicado

Passo 28 captura

28 Cole o segredo do webhook #

Volte para a aba do Botpress

Passo 29 captura

29 Volte para o AutoTalk #

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

Passo 30 captura

30 URL do webhook #

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

Passo 31 captura

31 Clique em “COPIAR” #

Clique em copiar para copiar a URL.

Passo 32 captura

32 Volte para o Botpress Cloud #

Volte para a aba do Botpress

Passo 33 captura

33 Cole aqui a URL copiada #

Cole nesse campo a URL copiada no passo anterior.

Passo 34 captura

34 Colando a URL copiada no passo anterior #

Clique em “Save Configuration”.

Passo 35 captura

35 Clique em “Save Configuration” #

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

Passo 36 captura

36 Volte para a aba do AutoTalk #

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

Passo 37 captura

37 Clique para voltar para página anterior #

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

Passo 38 captura

38 Localize seu novo agente #

Localize seu novo agente Botpress criado.

Passo 39 captura

39 Expanda o menu de opções #

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

Passo 40 captura

40 Clique em “Definir padrão” #

Selecione “Definir padrão”.

Passo 41 captura

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.

Passo 42 captura

42 Testar o agente #

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

Passo 43 captura

43 Uma nova janela de chat será aberta #

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

Passo 44 captura

44 Mande um olá para seu novo agente #

Digite um “olá” para seu novo agente.

Passo 45 captura

45 Verificando a resposta #

Se tudo der certo o agente responderá corretamente.

Passo 46 captura

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

Guia 2: Conectar o canal Whatsapp Web #

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

1 Clique no menu “Empresa” #

Passo 2 captura

2 Clique em Canais #

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

Passo 3 captura

3 Clique aqui #

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

Passo 4 captura

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.

Passo 5 captura

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.

Passo 6 captura

6 Clique em “Próximo passo” #

Avance para a próxima etapa do processo.

Passo 7 captura

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.

Passo 8 captura

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.

Passo 9 captura

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.

Passo 10 captura

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!

Desenvolvido por BetterDocs

Rolar para cima