Ver categorias

Como ligar o Botpress Cloud ao Instagram

< 1 minutos de leitura

Esta página contém dois guias para conectar seu agente Botpress Cloud ao canal Instagram usando o AutoTalk. O primeiro guia ensina a integrar o agente no aplicativo, enquanto o segundo mostra como conectar seu Instagram. Siga ambos para a integração completa.

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 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