Ver categorias

Como ligar o Botpress V12 ao Whatsapp Official

< 1 minutos de leitura

Esta página contém dois guias para conectar seu agente Botpress v12 ao canal WhatsApp Official usando o AutoTalk. O primeiro guia ensina a integrar o agente no aplicativo, enquanto o segundo conecta o WhatsApp Official ao aplicativo.

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 Whatsapp Official #

Neste guia, você aprenderá como conectar um canal Whatsapp Business usando a API Oficial da Meta.

1 Introdução #

Vamos adicionar um novo canal, criar um novo número de teste no site da Meta, e integrar ele no AutoTalk.

Passo 2 captura

2 Clique em “Empresa” #

Acesse a opção “Empresa”.

Passo 3 captura

3 Clique em “Canais” #

Acesse a seção “Canais”.

Passo 4 captura

4 Selecione o tipo do canal #

Aqui você define o tipo do seu novo canal.

Passo 5 captura

5 Clique em “WhatsApp API (Oficial)” #

Selecione “WhatsApp API (Oficial)”.

Passo 6 captura

6 Veja os prós e contras #

Analise os prós e contras da integração via Whatsapp Business. A principal vantagem é que você estará usando o método oficial de integração da Meta, e terá acesso à features tipo botões e listas. A desvantagem é que você não poderá usar o número no aplicativo do Whatsapp no seu celular.

Passo 7 captura

7 Seu número já está associado ao Meta? #

Caso seu número não esteja associado ao Meta, por exemplo, você usa esse número no Whatsapp do seu celular, você precisa deixar esse campo desmarcado. Note que, após associar esse número ao Meta, você não terá acesso ao Whatsapp no seu celular.

Passo 8 captura

8 Deixaremos desmarcado #

Como vamos adicionar um novo número que não está associado à Meta, vamos deixar desmarcado.

Passo 9 captura

9 Clique em “Próximo passo” #

Prossiga para o próximo passo.

Passo 10 captura

10 Uma nova aba será aberta #

Uma nova aba do Facebook será aberta.

Passo 11 captura

11 Clique em continue #

No nosso caso vamos clicar em continuar. Mas se você ainda não tiver uma conta no Meta Business, vai precisar criar uma nessa mesma página.

Passo 12 captura

12 Vamos conectar um novo número #

Aqui vamos integrar um novo número no Whatsapp Business e depois vamos integrar ele no AutoTalk.

Passo 13 captura

13 Defina o business portifolio #

Aqui você precisa definir a qual “business” esse novo número vai estar associado. No nosso caso, já veio com o “business” “ZapGPT” selecionado.

Passo 14 captura

14 Você pode criar um novo Business selecionando essa opção #

Caso você precise criar um novo Business. Selecione essa opção.

Passo 15 captura

15 Selecione a conta do Whatsapp Business #

Aqui você seleciona a sua conta do Whatsapp Business. Se você ainda não tiver uma, selecione a opção para criar uma nova conta.

Passo 16 captura

16 Aqui você seleciona o perfil do Whatsapp Business #

Crie um novo perfil de negócios do WhatsApp.

Passo 17 captura

17 Clique em “Next” #

Avance para o próximo passo.

Passo 18 captura

18 Selecione uma categoria #

Selecione uma categoria para esse novo número

Passo 19 captura

19 Clique em “Next” #

Avance para o próximo passo.

Passo 20 captura

20 Escolha se quer usar um número de teste ou adicionar um número novo #

Passo 21 captura

21 Para adicionar um número novo #

Caso você queira adicionar um número que você já tem, escolha essa segunda opção.

Passo 22 captura

22 Para usar um número de teste #

Nesse guia, vamos usar um número de teste, então escolheremos essa opção.

Passo 23 captura

23 Clique em “Next” #

Avance para o próximo passo.

Passo 24 captura

24 Clique em “Continue” #

Prossiga com “Continuar”.

Passo 25 captura

25 Seu número de teste #

Aqui está seu número de teste.

Passo 26 captura

26 Clique em “Finish” #

Finalize o processo.

Passo 27 captura

27 Volte para o AutoTalk #

Volte para o AutoTalk.

Passo 28 captura

28 Clique em “Canais” #

Acesse a tela de “Canais”.

Passo 29 captura

29 Verifique se um novo canal apareceu #

Um novo canal deve ter aparecido, mas sem o número de Whatsapp. Para que o número apareça precisamos integrar um novo canal Meta.

Passo 30 captura

30 Clique aqui #

Clique aqui para adicionar um novo canal.

Passo 31 captura

31 Selecione “Meta” #

Selecione “Meta”.

Passo 32 captura

32 Clique em “Próximo passo” #

Avance para o próximo passo.

Passo 33 captura

33 Uma nova aba será aberta #

Uma nova página será aberta

Passo 34 captura

34 Clique em “Reconnect” #

Clique no botão “Reconnect”

Passo 35 captura

35 Selecione o business que está com o novo número #

Aqui você deve selecionar os businesses que o AutoTalk poderá acessar. Você deve selecionar o business que está com o número que criamos, no nosso caso é ZapGPT.

Passo 36 captura

36 Selecione as contas no instagram #

Nessa tela você escolhe quais contas do Instagram você quer associar ao AutoTalk. Vamos deixar como está.

Passo 37 captura

37 Selecione o número de Whatsapp #

Nessa página selecione o número de Whatsapp que você adicionou anteriormente.

Passo 38 captura

38 Autorizamos todos os números #

No nosso caso, vamos autorizar o AutoTalk a acessar todos os números de Whatsapp nesse Business.

Passo 39 captura

39 Clique em continuar #

Clique em continuar.

Passo 40 captura

40 Verifique as autorizações #

Verifique as autorizações que você está concedendo ao AutoTalk.

Passo 41 captura

41 Clique em “Save” #

Se estiver tudo certo, clique em salvar.

Passo 42 captura

42 Clique em “Got it” #

Confirme a ação clicando em “Got it”.

Passo 43 captura

43 Clique em canais #

Volte para o AutoTalk e acesse a lista de canais de comunicação.

Passo 44 captura

44 Note que um novo número foi adicionado #

Note que um novo número foi adicionado. Agora só precisamos conectar ele para começar a receber mensagens.

Passo 45 captura

45 Clique aqui #

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

Passo 46 captura

46 Clique “Conectar” #

Inicie a conexão com o novo número clicando em “Conectar”. Após a conexão você já poderá receber mensagens nesse número.

Passo 47 captura

Este guia abrange todos os passos necessários para conectar o Whatsapp Business (API Oficial) no AutoTalk. Se ainda houver dúvidas ou se você enfrentar problemas, entre em contato com o suporte.

Desenvolvido por BetterDocs

Rolar para cima