Tutorial Avançado: Integração de Chatbot de WhatsApp com IA, n8n, Supabase E Dify.ia.

E aí pessoal tudo bem com vocês aqui é o João Paulo falando com vocês hoje nós vamos trazer aqui um conteúdo diferenciado pro nosso canal esse canal tem focado eh basicamente em flutter Flow porém não nem só de flutterflow a gente vai construir um aplicativo nós vamos precisar aí do backend nós vamos precisar de apis e de integrações Então hoje nós vamos trazer aqui uma integração incrível nós vamos integrar eh uma ferramenta de ia com o banco de dados e com o WhatsApp então essa inteligência artificial vai responder à mensagens no WhatsApp e vai salvar

no banco de dados para você poder criar um banco de dados aí multiempresa para essas mensagens aí do WhatsApp Então pessoal antes de começar o vídeo aqui mais uma observação que essas ferramentas que nós estamos utilizando aqui a maioria delas né não são gratuitas mas porém no no modo teste no modo grátis ali você consegue fazer muita coisa consegue o usar e botar para funcionar essa api a partir da hora que você resolver transformar num negócio aí você faz lá as assinaturas no Defy mesmo você consegue criar até 10 aplicativos no modo gratuito mas aí

na partir da hora lá que você tiver que incluir um custo eh o primeiro custo lá eh você cria até 50 aplicativos né mas você tendo também 50 clientes esse não é aqueles tipos de chatbot ingressados para você cobrar R 50 ou R 100 por mês é uma coisa diferenciada com inteligência artificial Então tem um alto valor agregado aí se você for usar no seu comércio para vender ou para qualquer coisa você verá que tem um alto valor agregado porque na verdade você vai ter um funcionário trabalhando para você 24 horas por dia isso daqui

é só o início do aprendizado que você pode ter porque se você estudar mais evoluir você não consegue criar apenas esse chatbot você consegue com esse dfy mesmo com essa inteligência artificial a acessar o banco de dados fazer alteração consultar o banco de dados aí as possibilidades são infinitas para você criar e muitos tipos de aplicativo Lembrando que essa essa questão de Inteligência Artificial tá só começando Se eu fosse você eu estudaria isso e aproveitaria essa onda aí que ainda tá só começando e vai longe então vamos aqui pra tela do computador botar a mão

na massa vamos eh dar uma repassada rápida aqui para ver as ferramentas que nós vamos utilizar e qual que é a expectativa O que que você vai ter ao final desta ou destas aulas né e ao final você vai ter um chatbot e que responde o WhatsApp integrado com inteligência artificial e também eh com o banco de dados Eh multiempresa Ou seja já vai ser um produto que você vai poder eh vender esse produto e cobrar uma mensalidade ou utilizar no seu estabelecimento no seu comércio no seu negócio então as ferramentas que nós vamos utilizar

n8n que é uma ferramenta de api é uma ferramenta de backend que você vai integrar todas as outras ferramentas é uma ferramenta de integração Seria tipo um make ou que seria um concorrente dele de faia que é uma ferramenta nova para você construir rapidamente e fácil e robôs com inteligência artificial não só robôs como agentes de Inteligência Artificial que é um conteúdo bem mais avançado né super Basic porque é um banco de dados muito bom e nós vamos utilizar a API de WhatsApp zapi que não é uma API oficial Mas é uma das melhores apis

não oficiais ela não é gratuita nós vamos conseguir testar na parte gratuita mas se você for transformar mas num negócio usar no seu comércio você vai ter que assinar aí a ferramenta mas vale muito a pena ou você pode procurar também por outras apis aí de WhatsApp que são gratuitas mas eu prefiro já utilizar uma API dessa que tem um suporte bom para manter aí a qualidade do serviço então dito isso é uma passagem rápida aqui pelas ferramentas que nós vamos utilizar NS Já vamos direto aqui para o n8n vai entrar aqui no site do

n8n.io e se você não tem a conta ainda você vai começar aqui grátis e você vai criar sua conta aí mas como eu já tenho a conta aqui eu já vou direto lá então nós estamos aqui na tela do n8n só um detalhe sobre o n8n que ele é uma ferramenta open source o que ISO significa que ele pode ser e baixado o código lá no github e instalado numa máquina virtual mas tem um jeito bem fácil e simples de fazer essa instalação e ter sua sua própria máquina virtual do n8n e de forma bem

mais simples e barato ilimitado mas em uma outra aula hoje nós vamos usar aqui a versão gratuita para testar eu vou ensinar como você pode e instalar o o n8n na sua própria VPN de forma simples e fácil e rápido e ter uso ilimitado do n8n Pagando Bem menos do que aqui no próprio site se você gostaria desse conteúdo deixa um comentário aí que você gostaria que eu gravasse esse vídeo ensinando como fazer isso então nós vamos aqui adicionar um workflow que seria uma linha de trabalho né Você vai clicar aqui em mais e vai

adicionar aqui essa parte manual aqui pra gente começar testar o nosso a nossa aplicação Então nós vamos aqui primeiro adicionar aqui um Field feld que são os campos iniciais aqui eu vou colocar aqui como informações Campos iniciais Campos iniciais rename mudar o nome aqui nós vamos clicar aqui para adicionar quais informações que nós queremos no nosso campo Inicial Eu Vou colocar aqui e telefone [Música] cliente telefone cente vou adicionar também e telefone empresa vou adicionar mensagem a princípio seria isso depois eh nós verificamos se precisa de mais alguma coisa então basicamente seria aqui ó nós

vamos receber a mensagem do WhatsApp nesse primeiro aqui depois nós vamos Vamos mudar para um web hug nós vamos pegar aqui as informações telefone do cliente telefone da empresa mensagem e também nós vamos colocar aqui duas Chaves que nós vamos precisar que vai ser a ap de F E também nós vamos precisar ID conversa que é a conversa com o cliente para ele recuperar os dados porque sem esse ID cada conversa ele vai entender que é uma nova conversa e nós precisamos que o que a inteligência artificial dê continuidade na conversa né então tudo bem

Aqui nós temos os campos iniciais que nós vamos receber um web Hook do WhatsApp vamos salvar aqui nos campos iniciais e vamos dar continuidade aqui qual que seria o próximo item dessa continuidade seria o Defy a ferramenta Defy Então você vai entrar aqui no site e da Defy vai clicar aqui em get started e vamos aqui eu já tenho conta mas eu vou usar uma conta nova aqui vou criar uma conta nova aqui continuar então nós estamos aqui no zero aqui se a sua tiver em inglês você pode vir aqui em configurações aí vai vai

tá settings né e mudar aqui a o idioma que vai tá aí language aí você muda aqui para português ok então nós estamos aqui na tela inicial Então nós vamos clicar criar do zero aqui tem várias opções né chatbot gerador de texto agente que esse agente aqui dá fazer coisas incríveis até salvar no banco de dados consultar o banco de dados então e aqui é uma coisa que dá para criar muitas aplicações nós vamos aqui no chatbot Hoje vamos colocar o nome Coloca aí o nome que você quiser meu atendente criar nesse início aqui você

vai dar as instruções que você quer pro seu atendente basicamente rapidamente que vou mostrar ó nós colocaria as instruções pro atendente aqui nós poder podos colocar contexto o que que é contexto eu posso adicionar eh vários documentos PDF que nós queremos que esse robô tenha de contexto para ele responder então se for uma clínica ou qualquer outro estabelecimento que tem ali um um PDF falando de todas as instruções falando de várias coisas você pode subir aqui que esse conhecimento vai ser e anexado ao seu robô então ele vai ter muito mais material para responder qualquer

tipo de pergunta aqui nós temos a ferramenta que você vai estar integrado aqui com a inteligência artificial qual a vantagem de você usar Defy eh para você integrar lá direto com o chat ept por exemplo são várias as vantagens mas eu vou citar aqui uma das principais que eu vejo eh essa parte de contexto aqui quando você sobe aqui ele fica muito mais dinâmico então a principal vantagem que eu vejo é a seguinte é você tá integrado aqui com o chat GPT Porém você pode ir aqui no configurações e você vai ter uma gama gigante

aqui de outras inteligências artificiais que você pode usar e por exemplo aqui tem a Gini da Google né E existe uma concorrência muito grande entre a Gini e a penai por exemplo por exemplo se a Gemini lançasse uma inteligência artificial eh mais evoluía com os valores menores você trocaria facilmente aqui sem comprometer sua estrutura todas que você Já construiu lá no backend então aqui é uma mão na roda você poderia mudar a inteligência artificial inclusive usar uma inteligência artificial para uma parte e outra para outra no caso quando você for construir agentes Então essa ferramenta

de F é uma ferramenta incrível é uma ferramenta nova que eu acredito que vai crescer muito e com ela você vai conseguir desenvolver muitas coisas então vamos aqui ó nós temos aqui o painel para dar as instruções pro nosso robô eu vou aqui pedir pro chat PT crie para mim instruções fictícias de uma clínica de atendimento endereço atendente e outras informações básicas seria um prompt de então ele tá criando aqui informações fictícias só pra gente usar como como modelo lá e vou colar aqui vou aqui em atualizar eu posso aqui ó executar aplicativo para eu

poder testar E aí eu posso ir alterando conforme ele for conversando e eu vendo que precisa melhorar alguma coisa eu vou aqui e digitar Bom dia Goia de saber quais serviços tem aí aí ele vai fornecer as informações conforme o prompt inclusive o prompt é uma coisa que faz toda a diferença aí você pode estudar um pouco aí depois sobre prompt como melhorar cada vez mais aqui as informações pra Inteligência Artificial então nós já temos aqui aqui o nosso robô criado e rapidamente simplesmente eh rapidamente é que ele tá integrado com o chat APT Turbo

Você tem uma quantidade aqui gratuita né de mensagens que você consegue usar de forma grátis depois pode mudar que a versão pode colocar sua chave Api para poder e utilizar de forma pco então Nós criamos aqui aí nós vamos aqui acesso a api veja que é muito simples aqui ó então nós temos aqui o acesso api nós vamos pegar aqui ó chave da api vamos criar uma nova chave essa chave é específica para esse robô Então vamos supor que eu tenha multi eu vou construir essa ferramenta para vários comércios a ferramenta desse atendente aqui dessa

Clínica é essa daqui Então nós vamos copiar ela aqui vamos copiar ela aqui ok e aqui ó e para enviar mensagem O que que a gente tem que mandar aqui quais são as informações que nós nós temos que mandar fazer uma chamada aqui esse primeira linha aqui é a chamada que nós est fazer tem as vários tipos de chamada tem post tem get Então nós vamos fazer aqui uma chamada formato de post n vamos fazer passo a passo lá no [Música] n8n nós vamos aqui no n8n vamos criar uma requisição para fazer aquela chamada ali

né request uma http request Qual que é o método que tá lá post Qual que é a URL que nós vamos fazer a chamada a URL é esse endereço aqui ó método post URL é essa daqui aí nós vamos enviar alguns parâmetros que que ele fala aqui de parâmetros nós temos que enviar dois headers que que é aqui ó esse autoriz e o content Type Então nós vamos aqui ativar o header Qual que é o primeiro header que nós vamos enviar autoriz qual que é a alation é é escrever essa palavra aqui que eu nem

sei como se pronuncia isso mas na frente a api que é essa que nós acabamos de salvar vamos aqui pegar ela copiar Mas aí você vai criar a sua aí então Aqui nós fizemos a primeira chamada aqui que mais que ele precisa a segunda também é um header content Type copia aqui só essa primeira partezinha aqui adicionar parâmetro content Type e copia aqui também veja que é só copiar e colar é melhor você fazer assim do que digitar para não correr o risco de p nenhuma informação errada então nós temos aqui os dois headers agora

nós vamos aqui ó e colocar aqui as informações do corpo da mensagem que é o data Run aqui né Nós vamos adicionar aqui ó send Body que é o corpo da mensagem Qual que é o primeiro parâmetro nós vamos colocar aqui que nós vamos usar é a Carry Carry que é uma mensagem né que vai ser aqui nós vamos vai ser a mensagem que nós vamos depois nós vamos pegar aqui da informação Inicial que mais nós vamos enviar que vai ser mod que é o modo de resposta existe dois modos aqui da resposta da dessa

ferramenta né o primeiro modo é o stram que ele vai digitando palavra por palavra e tem o modo blocking que ele já traz toda a mensagem completa nós vamos usar o modo blocking porque nós precisamos da mensagem completa o retorno completo não aquele que vai digitando no letra por letra não não é aqui na curry é no response mod blocking aqui o próximo parâmetro do corpo é o conversation ID que vai ser o ID da conversa pra Inteligência Artificial poder recuperar todas as informações anteriores né para ela ter todo um contexto ali da conversa e

não ficar perdido e por fim user que é o usuário aqui no caso nós vamos usar o telefone do cliente nós vamos colocar aqui user user dá um teste step aqui só para ele salvar não vai ter informação nenhuma Tudo bem então o que que nós temos aqui já nós já temos o início aqui que vai ser substituído depois pelo WhatsApp as informações iniciais e aqui nós já fizemos a chamada com Defy para ela processar a mensagem eh conforme as informações que nós colocamos lá então agora aqui ó eu vou clicar aqui em teste vai

ter um problema é que essa conta eu criei é bastante tempo e ela já venceu aqui a parte de teste gratuito eu vou rapidamente aqui passar pra minha outra conta que eu tenho que é uma conta que eu subi já na nuvem Então eu vou passar para ela rapidinho aqui pra gente testar isso aqui então eu já passei aqui paraa minha conta ilimitada eu vou dar um teste aqui provavelmente ele não vai dar certo que não tem todas as informações aqui então Eh vamos colocar informações iniciais aqui telefone do cliente vou colocar um telefone qualquer

aqui 1999 depois nós vamos alterar quando foi Integrado de verdade né Eh telefone da empresa Vou colocar qualquer nome número aqui também mensagem Olá gostaria de informações dos serviços que vocês prestam aí a pfy não vai nada e vamos aqui aid conversa a gente não tem nenhuma conversa iniciada Então vamos clica no teste aqui só para salvar aí as informações iniciais aqui ó a partir da hora que você der um teste aqui elas vão ficar prontas para você usar aqui ó a nós vamos pegar essas informações iniciais aqui telefone do cliente telefone da empresa mensagem

vai clicar aqui em esquema para você poder arrastar [Música] aqui nós vamos colocar aqui agora a Carry que seria a mensagem o parâmetro nós vamos puxar aqui a mensagem e colar aqui o response Mod já tá aqui que é o blocking conversation pode pegar o telefone do cliente não desculpa convers ID é o ID que ele vai gerar lá para essa conversa o usuário nós vamos pegar aqui o telefone do cliente para ficar como o registro de usuário nós vamos voltar aqui deixa eu só ver aqui se tá post OK aí nós vamos testar aqui

essa chamada Ah fica faltando um um parâmetro aqui que é obrigatório por isso que não funcionou aqui ó no corpo Body parâmetros tá faltando um parâmetro chama [Música] inputs Pode não ter nada nenhuma informação mas ele precisa ir mesmo que em branco Se você olhar aqui ó ele pede que manda também o inputs ó como obrigatório e mesmo que seja em branco então agora vamos testar novamente aqui então aqui ele já teve um retorno Vamos ver que ele retornou aqui ó ó retor Olá clínica Saúde integral oferecemos uma variedade de serviços para atender as necessidade

do nossos clientes aqui estão os serviços que prestamos então ele já deu aqui uma resposta Vamos colocar só aqui um um Field para salvar essa resposta aí aqui ó Você vaiem esquema e puxa a resposta né answer ele vai ele vai salvar aqui ó a resposta nós vamos pegar aqui também o conversation ID que é o histórico dessa conversa colocar aqui conversa ID Dá Um test step aqui nós vamos pegar essa conversa ID aqui ó e vamos colar ela aqui nessas informações iniciais depois Isso aqui vai ser tudo dinâmico Na continuidade aqui do nosso aplicativo

eu vou ter que gerar mais uma vez para pegar aqui agora eu tenho aqui ó [Música] aqui agora eu tenho aqui o o ID da conversa eu vou colocar aqui ó no ID da conversa conversation ID é o ID da conversa então agora ele vai recuperar todo o histórico e não vai gerar um novo uma nova conversa aqui é claro que isso todo depois Na continuidade Vai ser todo dinâmico então nessa aula nós vamos ficar por aqui então o que que nós já criamos aqui só para contextualizar nós já criamos o nosso robô com todas

as instruções e ele já tá retornando a resposta que nós precisamos Na continuidade dessa aula nós vamos integrar lá com o banco de dados para ter os dados da empresa o dado do cliente e ele poder puxar isso lá e também vamos integrar com o WhatsApp para ele receber aqui no no início processar a mensagem e devolver lá no WhatsApp então para você não perder a próxima aula aí já se inscreve no canal já ativa o Sininho de todas as notificações aí e acompanhe porque esse é uma integração já bem avançada é uma coisa que

você vai poder utilizar em muitas ferramentas aí e em muitos aplicativos então espero que você tenha gostado da aula qualquer dúvida deixa aí no coment comrio eh eu sei que eu fui direto aí utilizando essas ferramentas se vocês acharem interessante eu posso fazer depois um vídeo sobre cada ferramenta falando parte por parte aí e mostrando mais a fundo cada uma das Ferramentas Então até um próximo vídeo espero que vocês tenham gostado um abraço a todos