Ver categorias

Como ligar o Dialogflow ao Instagram

< 1 minutos de leitura

Esta página apresenta dois guias para conectar seu agente Dialogflow ao canal Instagram utilizando o AutoTalk. O primeiro guia ensina a integrar o agente no aplicativo, enquanto o segundo orienta sobre a conexão com o Instagram.

Guia 1: Integrar o agente Dialogflow #

Este guia apresenta passo a passo como integrar um agente do DialogFlow ao AutoTalk.

1 Introdução #

No nosso caso, já temos um bot criado no DialogFlow Essentials. Vamos integrá-lo ao AutoTalk.

Passo 2 captura

2 Clique em “Empresa” #

Acesse a seção “Empresa”.

Passo 3 captura

3 Clique em “Agentes” #

Vá para a guia “Agentes”.

Passo 4 captura

4 Clique aqui para criar um novo agente #

Clique no botão com símbolo de “+” na parte superior da tela.

Passo 5 captura

5 Defina aqui nome do agente #

Defina o nome do novo agente.

Passo 6 captura

6 Preencher “dialogflow_agente” #

Preencha “dialogflow_agente”

Passo 7 captura

7 Defina aqui o tipo do agente #

Nesse campo você define o tipo do agente.

Passo 8 captura

8 Selecione “DialogFlow” #

Escolha a opção “DialogFlow”.

Passo 9 captura

9 Crie seu novo agente #

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

Passo 10 captura

10 Troque para “dialogflow.cloud.google.com” #

Agora vamos precisar pegar a chave de acesso do seu agente no DialogFlow Essential. Para isso acesse https://dialogflow.cloud.google.com

Passo 11 captura

11 Acesse as configurações #

Clique no botão de engrenagem para acessar as configurações do seu agente no DialogFlow.

Passo 12 captura

12 Clique no ID do projeto #

Na página que abrir clique no ID do projeto Google.

Passo 13 captura

13 Uma nova aba será aberta #

Uma nova página será aberta no dashboard do projeto google cloud associado ao agente do DialogFlow.

Passo 14 captura

14 Vá em “Go to project settings” #

Acesse as configurações do projeto.

Passo 15 captura

15 Clique em “Service Accounts” #

Vá para “Service Accounts”.

Passo 16 captura

16 Clique em “Create service account” #

Para gerar uma nova chave precisamos criar uma nova conta de serviço. Clique em “Create service account”.

Passo 17 captura

17 Defina um nome para a conta #

Defina o nome da conta de serviço.

Passo 18 captura

18 Clique em “Create and continue” #

Clique em “Create and continue”.

Passo 19 captura

19 Vamos definir as permissões #

Vamos definir as permissões dessa nova conta.

Passo 20 captura

20 Clique aqui #

Clique nesse campo para abrir a lista de permissões disponíveis.

Passo 21 captura

21 Pesquise por “dialogflow api admin” #

Pesquise por “DialogFlow api admin”.

Passo 22 captura

22 Selecione a opção “Dialogflow API Admin” #

Selecione a permissão “DialogFlow API Admin”.

Passo 23 captura

23 Clique em “Continue” #

Prossiga para a próxima etapa.

Passo 24 captura

24 Clique em “Done” #

Finalize a configuração.

Passo 25 captura

25 Conta de serviço criada #

Sua nova conta de serviço foi criada. Agora vamos gerar a chave.

Passo 26 captura

26 Clique aqui #

Clique no botão indicado para abrir um menu de opções.

Passo 27 captura

27 Clique em “Manage keys” #

Acesse a opção “Manage keys”.

Passo 28 captura

28 Clique em “Add key” #

Clique do botão “Add key” para abrir um menu

Passo 29 captura

29 Clique em “Create new key” #

Passo 30 captura

30 Selecione a opção JSON #

Selecione a opção “JSON”.

Passo 31 captura

31 Clique em “Create” #

Confirme a criação.

Passo 32 captura

32 O site fará download de um arquivo JSON #

O site fará download de um arquivo JSON, abra ele e copie o conteúdo.

Passo 33 captura

33 Troque para “app.autotalk.io” #

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

Passo 34 captura

34 Clique “Colar do JSON” #

Clique no botão “Colar do JSON”.

Passo 35 captura

35 Defina aqui o idioma do agente #

Defina o idioma do agente do DialogFlow, no nosso caso é ‘pt-BR’

Passo 36 captura

36 Preencher “pt-BR” #

Digite o texto desejado.

Passo 37 captura

37 Salve seu novo agente #

Clique no botão verde na parte superior do formulário para salvar seu agente.

Passo 38 captura

38 Clique aqui #

Agora vamos definir esse novo agente como padrão. Clique no botão na parte superior esquerda para voltar para página anterior.

Passo 39 captura

39 Seu novo agente #

Localize seu novo agente na lista.

Passo 40 captura

40 Abra o menu de opções do agente #

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

Passo 41 captura

41 Clique em “Definir padrão” #

Clique em “Definir padrão”.

Passo 42 captura

42 Clique aqui #

Agora vamos testar nosso novo agente. Clique no botão verde com o ícone “play”.

Passo 43 captura

43 Uma janela será aberta #

Uma nova janela será aberta na direita da tela.

Passo 44 captura

44 Testando o agente #

Vamos enviar uma mensagem de teste para o agente. Se tudo der certo você receberá uma resposta.

Passo 45 captura

Este guia abordou a integração de um agente do DialogFlow no Autotalk. Caso você encontre problemas ou tenha dúvidas, não hesite em entrar 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