Ver categorias

Como ligar o Botpress V12 ao Whatsapp Web

< 1 minutos de leitura

Esta página contém dois guias para conectar seu agente Botpress v12 ao canal WhatsApp Web usando o AutoTalk. O primeiro guia abrange a integração do agente no aplicativo, enquanto o segundo ensina a conectar o WhatsApp Web.

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

Neste guia, você aprenderá como integrar seu Whatsapp ao AutoTalk por meio de um QR Code

1 Clique no menu “Empresa” #

Passo 2 captura

2 Clique em Canais #

No submenu que foi aberto, clique em “Canais”, para abrir a lista de canais de comunicação da sua empresa.

Passo 3 captura

3 Clique aqui #

Para adicionar um novo Canal. clique no ícone “+” na parte superior da tela.

Passo 4 captura

4 Selecione a opção “Whatsapp QRCode” #

Na lista de opções de canais de integração, escolha a opção de integração com o Whatsapp via QR Code.

Passo 5 captura

5 Clique aqui para aceitar os termos #

Nessa tela você verá uma lista de prós e contras da integração via Whatsapp. Para realizar a integração, leia atentamente as informações e marque abaixo que você está ciente das implicações.

Passo 6 captura

6 Clique em “Próximo passo” #

Avance para a próxima etapa do processo.

Passo 7 captura

7 Escaneie esse QR no seu celular #

Após alguns minutos um QR Code será gerado. Você deve escanear esse QR Code no aplicativo do Whatsapp do seu celular.

Passo 8 captura

8 Abra seu Whatsapp e escaneie o código #

Agora, abra o Whatsapp no seu celular, clique em Dispositivos Conectados e escaneie o QR Code.

Passo 9 captura

9 Confirme que a integração foi feita com sucesso. #

Após escanear o QR Code, se tudo der certo, você verá o seu número de celular na tela e poderá utilizar esse número dentro do AutoTalk.

Passo 10 captura

Esse guia mostrou como associar seu Whatsapp via QR Code no AutoTalk, caso você ainda tenha dúvidas ou enfrente problemas, entre em contato com o suporte. Obrigado!

Desenvolvido por BetterDocs

Rolar para cima