Ver categorias

Como ligar o Botpress Cloud ao Messenger

< 1 minutos de leitura

Esta página contém dois guias para conectar seu agente Botpress Cloud ao canal Messenger usando o AutoTalk. O primeiro guia ensina a integrar o agente no aplicativo, enquanto o segundo conecta o Messenger ao aplicativo. Siga ambos para completar 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 Messenger #

Neste guia, você aprenderá como conectar o Facebook Pages com o AutoTalk.

1 Introdução #

No nosso caso, já temos uma página no Facebook criada, ela se chama “AutoTalk Messenger”, mas caso você ainda não tenha uma página, mostraremos aonde criar.

Passo 2 captura

2 Clique em “Empresa” #

O primeiro passo é conectar sua conta Meta ao AutoTalk, para isso, acesse a seção “Empresa”.

Passo 3 captura

3 Clique em “Canais” #

Vá para “Canais”.

Passo 4 captura

4 Clique aqui #

Adicione um novo canal clicando no botão com símbolo “+” no topo da página.

Passo 5 captura

5 Clique aqui #

Aqui você pode selecionar o tipo de canal

Passo 6 captura

6 Clique “Meta” #

No nosso caso, selecionaremos Meta.

Passo 7 captura

7 Clique em “Próximo passo” #

Avance para a próxima etapa.

Passo 8 captura

8 Clique “Opt in to current Pages only” #

Uma nova página será aberta, e nela vamos conceder as permissões ao aplicativo AutoTalk

Passo 9 captura

9 Selecione quais páginas Facebook o AutoTalk terá acesso #

Essa primeira tela te pergunta quais páginas do Facebook você quer conceder permissão ao AutoTalk.

Passo 10 captura

10 Clique na segunda opção #

Selecione a opção “Opt into current Pages only”. Uma lista de páginas que você possui aparecerá, e você vai poder selecionar cada página individualmente

Passo 11 captura

11 Acesse “business.facebook.com” #

Caso você não veja sua página na lista, provavelmente ela não existe, ou não está associada ao Business. Para criar ou associar a página acesse “business.facebook.com”

Passo 12 captura

12 Clique aqui #

Acesse as configurações.

Passo 13 captura

13 Clique aqui #

Clique no botão “Pages”

Passo 14 captura

14 Sua lista de páginas #

Nessa nova tela você verá uma lista de páginas que seu business tem.

Passo 15 captura

15 Clique aqui #

Para criar uma nova Página, ou associar uma nova página ao Business, clique no botão “Add”

Passo 16 captura

16 Para conectar uma página já existente, cliqui aqui #

Essa opção te permite associar uma página do Facebook que já existe ao seu Business.

Passo 17 captura

17 Para criar uma nova página, clique aqui #

Essa opção te permite criar uma nova página e associar ela ao Business.

Passo 18 captura

18 Já temos uma página associada #

No nosso caso, já temos uma página criada chamada “AutoTalk Messenger”. Vamos voltar para a tela de Login do Facebook Business.

Passo 19 captura

19 Volte para a tela de Login do Facebook Business #

Voltando para tela de login, vemos que a página “AutoTalk Messenger está na lista de opções.

Passo 20 captura

20 Clique em “Continue” #

Prossiga para a próxima etapa.

Passo 21 captura

21 Seus Businesses #

Essa tela permite com que você selecione quais dos Business o AutoTalk terá acesso.

Passo 22 captura

22 Clique em “Continue” #

Clique em “continue” para continuar.

Passo 23 captura

23 Suas contas no instagram #

Essa tela permite você selecionar quais páginas das suas contas Instagram o AutoTalk terá acesso.

Passo 24 captura

24 Clique em “Continue” #

Prossiga para o próximo passo.

Passo 25 captura

25 Suas contas no WhatsApp #

Nessa ultima tela você seleciona quais contas no Whatsapp você quer que o AutoTalk tenha acesso.

Passo 26 captura

26 Clique em “Continue” #

Clique em “continue” para prosseguir.

Passo 27 captura

27 Revise as permissões #

Nessa tela, revise as permissões que você está concedendo ao AutoTalk.

Passo 28 captura

28 Clique em “Save” #

Se tudo estiver correto, salve as alterações realizadas.

Passo 29 captura

29 Clique em “Got it” #

Para finalizar o processo, clique em “Got it”

Passo 30 captura

30 Volte para o AutoTalk #

Vamos conferir se os canais apareceram. Volte para a aba do AutoTalk.

Passo 31 captura

31 Clique em “Canais” #

Vá para a seção de “Canais”.

Passo 32 captura

32 Encontre sua página #

Encontre o canal da sua página na lista.

Passo 33 captura

33 Clique aqui #

Clique no botão com três pontos para abrir um menu.

Passo 34 captura

34 Clique “Conectar” #

No menu, clique em conectar

Passo 35 captura

35 Veja se a conexão foi feita #

Se tudo der certo, um texto verde com a palavra “conectado” vai aparecer junto ao canal.

Passo 36 captura

36 Recebendo uma mensagem de teste #

Agora, envie uma mensagem de teste para a página e veja se a mensagem aparece no AutoTalk.

Passo 37 captura

O guia abrange o processo de conexão e configuração entre o Facebook Pages ao AutoTalk. Caso você enfrente problemas ou ainda tenha dúvidas, entre em contato com o suporte.

Desenvolvido por BetterDocs

Rolar para cima