Ver categorias

Como ligar o Botpress V12 ao Messenger

< 1 minutos de leitura

Esta página apresenta dois guias para conectar seu agente Botpress-v12 ao canal Messenger usando o AutoTalk. O primeiro guia aborda a integração do agente no aplicativo, enquanto o segundo ensina a conectar o Messenger. Siga ambos para concluir a integração.

Guia 1: Integrar o agente Botpress V12 #

Este guia ensina como integrar um agente Botpress V12 no AutoTalk.

1 Introdução #

Note que o Botpress V12 é um programa standalone e deve rodar em algum servidor. No caso desse guia, estamos executando ele localmente e expondo para internet via ngrok. Atente-se nos dados do seu ambiente.

Passo 2 captura

2 Clique em “Empresa” #

Acesse as configurações da empresa.

Passo 3 captura

3 Clique em “Agentes” #

Vá para a seção de agentes.

Passo 4 captura

4 Adicione um novo agente #

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

Passo 5 captura

5 Defina o nome do agente #

Aqui você deve definir o nome do agente.

Passo 6 captura

6 Preencher nome do agente #

Preencha “meu_agente”

Passo 7 captura

7 Defina o tipo do agente #

Nesse campo você define o tipo do agente

Passo 8 captura

8 Clique em “Botpress V12” #

No nosso caso escolheremos Botpress V12, cuidado para não confundir com Botpress Cloud que é 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 Página de configuração do agente #

Você será redirecionado para a página de configuração do agente Botpress V12.

Passo 11 captura

11 Defina a URL do seu agente Botpress V12 #

Nesse campo precisamos definir a URL da API do Botpress V12. E essa URL vai variar de acordo com o servidor em que o seu Botpress V12 está executando.

Passo 12 captura

12 Nosso dashboard do Botpress V12 #

Dê uma olhada na nossa página de dashboard do Botpress V12.

Passo 13 captura

13 A URL base #

O importante é checar a URL base. No caso do nosso exemplo é essa em destaque.

Passo 14 captura

14 https://lively-advanced-reptile.ngrok-free.app/api/v1/bots/ID_DO_BOT/converse #

Do endereço da aba do navegador do Botpress V12 podemos gerar parte da URL final. Ela ficará dessa forma. Agora só precisamos definir o valor da parte em maiúsculo: “ID DO BOT”

Passo 15 captura

15 Escolha o agente que quer integrar #

Escolha qual agente você quer integrar. No nosso caso será o image-bot

Passo 16 captura

16 Clique em “Config” #

Vamos pegar o id desse agente. Para isso, clique em “Config”

Passo 17 captura

17 ID do agente #

Você será redirecionado para uma página que contém o id do agente.

Passo 18 captura

18 https://lively-advanced-reptile.ngrok-free.app/api/v1/bots/image-bot/converse #

Com esse dado em mãos você já pode finalizar a construção da URL de integração.

Passo 19 captura

19 Defina aqui a URL gerada nos passos anteriores #

Defina aqui a URL adquirida no passo anterior.

Passo 20 captura

20 Preencher “https://lively-advanced-reptile.ngrok-free.app/api/v1/bots/image-bot/converse” #

Digite o texto desejado.

Passo 21 captura

21 Verifique a URL #

Verifique se a URL está correta.

Passo 22 captura

22 Salve seu novo agente #

Salve seu agente clicando no botão verde na parte superior da tela. O AutoTalk realiza um teste na URL configurada quando você apertar esse botão, então, se tiver algum erro na URL ele vai acusar agora.

Passo 23 captura

23 Volte para página anterior #

Certo, com tudo salvo, vamos definir esse agente como o agente padrão. Clique no botão para voltar para página anterior

Passo 24 captura

24 Localize seu novo agente #

Encontre seu novo agente na lista.

Passo 25 captura

25 Expanda o menu de opções #

Clique no ícone com 3 pontos para abrir o menu de opções do agente

Passo 26 captura

26 Clique em “Definir padrão” #

Selecione a opção “Definir padrão”.

Passo 27 captura

27 Vamos testar o nosso novo agente #

Para testar seu novo agente clique no botão verde com ícone de “play”.

Passo 28 captura

28 Uma nova área com um chat será aberta #

Uma nova área na parte direita da janela vai ser aberta. Vamos usar ela para testar nosso novo agente.

Passo 29 captura

29 Digite uma mensagem para seu agente #

Mande um “olá” para seu novo agente.

Passo 30 captura

30 Preencher “Olá” #

Digite “Olá” no campo fornecido

Passo 31 captura

31 Verfique se o agente responde #

Verifique se o agente responde corretamente. No nosso exemplo deu tudo certo!

Passo 32 captura

Este guia detalhou os passos necessários para integrar um agente Botpress V12 no AutoTalk. Caso ainda existam dúvidas ou você enfrente problemas, 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