Ver categorias

Como ligar o Botpress V12 ao Instagram

< 1 minutos de leitura

Esta página apresenta dois guias para conectar seu agente Botpress v12 ao Instagram usando o AutoTalk. O primeiro guia ensina a integrar o agente no aplicativo, enquanto o segundo aborda a conexão do Instagram. Siga ambos para completar 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 Instagram #

Neste guia você aprenderá como conectar uma conta Instagram ao AutoTalk.

1 Clique em “Empresa” #

Para começar, clique em Empresa para abrir o submenu.

Passo 2 captura

2 Clique em “Canais” #

Selecione a opção de canais.

Passo 3 captura

3 Clique aqui #

Clique no botão com símbolo de “+” para adicionar um novo canal.

Passo 4 captura

4 Selecione aqui o tipo do canal #

Nesse campo você seleciona qual o tipo de Canal de comunicação você quer adicionar

Passo 5 captura

5 Selecione “Instagram Business” #

Escolha Instagram Business.

Passo 6 captura

6 Clique em “Próximo passo” #

Avance para a próxima etapa.

Passo 7 captura

7 Troque para “www.facebook.com” #

Uma nova página será aberta, e nela você deverá selecionar a empresa Meta que você quer integrar ao AutoTalk, se você não tiver uma empresa Meta ainda, poderá criar nessa mesma página.

Passo 8 captura

8 Clique aqui #

Clique no botão azul para prosseguir.

Passo 9 captura

9 Página de conexão com o Instagram #

Essa é a tela de conexão com o Instagram, com ela conseguiremos transformar uma conta Instagram comum em uma conta profissional. Essa conta será associada a sua empresa Meta. Depois, conectaremos a empresa e a conta Instagram ao AutoTalk.

Passo 10 captura

10 Clique em “Get started” #

Cliquem em “Get Started” para iniciar.

Passo 11 captura

11 Uma nova página será aberta #

Uma nova página será aberta, nela você precisa entrar na sua conta do Instagram.

Passo 12 captura

12 Faça login #

Coloque seu usuário e senha e clique em “Log in”.

Passo 13 captura

13 Volte para o Facebook #

Após o login, a tela vai fechar automaticamente. E você vai voltar pra tela anterior. Aqui você vai passar por uma série de passos escolhendo quais recursos da sua empresa Meta você quer conectar ao AutoTalk. Nessa primeira tela, escolha quais páginas do Facebook você quer conectar.

Passo 14 captura

14 Clique em “Continue” #

Clique em “Continue” para continuar.

Passo 15 captura

15 Selecione as empresas Meta #

Aqui você seleciona as empresas Meta. Selecione a empresa que contém a conta do Instagram.

Passo 16 captura

16 Clique “Continue” #

Clique em “continue” mais uma vez

Passo 17 captura

17 Selecione a conta do Instagram #

Nessa página você deve selecionar a conta do Instagram que você quer conectar ao AutoTalk.

Passo 18 captura

18 Escolha a conta desejada #

No nosso caso, vamos selecionar a conta do AutoTalk no Instagram.

Passo 19 captura

19 Clique em “Continue” #

Clique em “Continue” para ir pro próximo passo.

Passo 20 captura

20 Revise as permissões #

Neste passo você precisa revisar as permissões que você está concedendo ao AutoTalk.

Passo 21 captura

21 Clique em “Save” #

Se tudo estiver certo, clique em “Save” para realizar a integração

Passo 22 captura

22 Clique em “Got it” #

Finalize o processo clicando em “Got it”

Passo 23 captura

23 Volte para o AutoTalk #

Volte para aba do AutoTalk.

Passo 24 captura

24 Clique em “Canais” #

Acesse os canais novamente.

Passo 25 captura

25 Seu novo canal #

Localize seu novo canal de comunicação, vamos conectar ele para receber mensagens.

Passo 26 captura

26 Clique aqui #

Clique no botão com três pontos na parte esquerda para expandir um menu.

Passo 27 captura

27 Clique em “Conectar” #

Clique em conectar.

Passo 28 captura

28 Conexão feita com sucesso #

Verifique se o texto “conectado” aparece no canal.

Passo 29 captura

29 Autorize o acesso às mensagens #

Agora precisamos autorizar com que aplicativos terceiros acessem as suas mensagens no Instagram, para isso, acesse o aplicativo do Instagram no seu celular.

Passo 30 captura

30 Acesse as opções da conta #

Vá até o seu perfil e clique no menu de configurações na parte superior da tela

Passo 31 captura

31 Ache a opção “Mensagens e respostas ao story” #

Encontre a opção “Mensagens e respostas ao story”

Passo 32 captura

32 Clique aqui #

Clique na opção “Mensagens e respostas ao story”

Passo 33 captura

33 Localize a opção “Pedidos de contato” #

Nessa nova tela, encontra a opção “Pedidos de contato”

Passo 34 captura

34 Clique aqui #

Clique na opção “Pedidos de contato”

Passo 35 captura

35 Localize a opção Permitir acesso às mensagens #

Localize a opção “Permitir acesso às mensagens”

Passo 36 captura

36 Ative a opção #

Clique para ativar a permissão

Passo 37 captura

37 Tudo pronto #

Com essa opção ativa, os aplicativos conectados ao business poderão ter acesso às mensagens.

Passo 38 captura

38 Clique em “Chats” #

Agora, vamos testar a integração para ver se realmente estamos recebendo as mensagens. Volte ao AutoTalk e abra a aba “Chats”.

Passo 39 captura

39 Acesse o Instagram #

Em uma outra conta do Instagram, abra sua caixa de entrada e inicie uma conversa com a conta business que integramos.

Passo 40 captura

40 Mande uma mensagem #

Mande um oi para essa conta.

Passo 41 captura

41 Conferindo se a mensagem foi recebida #

Você deverá receber a mensagem no AutoTalk, e seu agente padrão deve responder se estiver devidamente configurado.

Passo 42 captura

42 Verifique a resposta #

Confira se a mensagem do agente foi enviada com sucesso.

Passo 43 captura

O guia abordou como conectar o Instagram Business ao Autotalk. Se ainda houver dúvidas ou caso você enfrente problemas, entre em contato com o suporte.

Desenvolvido por BetterDocs

Rolar para cima