Como criar um Agente IA para o seu Website - Tutorial Completo

E aí pessoal o é o piris aqui e nesse vídeo eu vou mostrar para vocês como criar um agente ia pro seu Website para você conseguir responder os seus leads em tempo rápido e conseguir realizar agendamentos tirar dúvidas e prestar basicamente atendimento ao seu cliente para prospectar mais vendas dentro do seu Website eu vejo que muitos websites ainda mais no mercado b2b tem só aquelas páginas de formulário totalmente chatas para seus clientes responderem que tem uma ocasião bastante diferente para você colocar formulários dentro do seu Website mas para prestar atendimento pro seu cliente isso é

horrível cara el só fica esperando por um e-mail que nunca chega e colocar um agente de I com certeza vai aumentar a percepção de serviço pro seu cliente e a percepção de valor do seu produto também se você tiver prestando a venda de um produto em si enfim eu tô super animado para trazer esse tutorial passo a passo aqui para todos vocês porque eu sei que isso é algo que foi bastante esperado Enfim vou mostrar aqui para vocês a plataforma que eu tô utilizando e como fazer esse agente a do zero beleza vamos lá pessoal

a plataforma que eu tô utilizando aqui para criar esses agentes e a plataforma do flowise ai atualmente ela na minha plataforma favorita para criar agentes EA na verdade você pode hospedar ela dentro de um servidor próprio que é o que eu tô fazendo aqui no meu Servidor da raway e eu pago só ó por esse servidor Você pode ter o flow Wi instalado de graça tem algumas complicações que você vai ter colocando isso daqui de graça dentro da sua máquina mas eu lhe recomendo fortemente para colocar isso daqui dentro de um servidor porque porque todas

as IAG vão ficar salvas e você não tem que se preocupar nada tá a instalação é super simples e eu vou até deixar um card aqui em cima com como você fazer essa instalação aqui do flowi ai em menos de 5 minutos beleza vamos lá deixa eu criar aqui o nosso agente a do zero Ah você vai clicar no botão add New para você criar um novo fluxo de ia Você já viu que eu tinha alguns agentes e lá rodando alguns protótipos pros meus clientes aqui dentro da mav que a gente tá fazendo algumas entregas

essa semana mas enfim vamos criar um carinha aqui do zero eu vou na aba de Agents que é o agente I que a gente vai criar né Ah e eu vou colocar o Tool Agent Existem várias diferenças entre os agentes que você pode escolher aqui dentro do Flow ai você pode criar um agente para ser lincado com a sua tabela do air table um agente a só para ler os seus documentos csv eu utilizo o two Agent porque ele sempre agrega o seu valor em casos bem amplos tá você pode fazer qualquer coisa com esse

Agent aqui por exemplo olhar uma tabela do air table olhar as suas planilhas tudo Você consegue fazer com two Agent Legal vamos lá ah a abordagem que eu tenho aqui para criar esses agentes é a seguinte sempre que eu colocar um novo bloco eu vou adicionando os outros blocos com que esse bloco aqui precisa Então vamos lá eu coloquei esse bloco e ele tem algumas coisas necessárias que ele tá pedindo para mim Obrigatoriamente por exemplo ele tá pedindo uma Tools porque tá aqui em vermelho ele tá pedindo uma memória e ele tá pedindo to calling

chat Model ele tá pedindo um modelo de linguagem aqui para esse agente I Então vamos lá Primeiro vamos pelas Tools Ou a gente pode fazer de baixo para cima também vou colocar aqui de baixo para cima para ficar mais simples para vocês tá vamos lá esse esse ag gente ele tá pedindo por um modelo de linguagem então eu vou colocar o do chat GPT eu só aqui de você colocar chat já aparece todos os chat models que você pode utilizar você pode utilizar aí aado antropi que é o cloud ai ã recomendo bastante que você

faça isso em caso de copywriting ã mas nesse caso aqui específico eu vou colocar a do chat GPT Beleza você pode utilizar a do grock também cara se você quiser algo mais gratuito e você esteja aberto a tirar sua qualidade não sei cara eu eu tive eu fiz alguns testes aqui com grock não tive a mesma performance que eu tenho com o chat GPT então eu utilizo o chat GPT na versão dele do 4 ou mini porque é muito barato É quase de graça e para você conectar sua chave aqui do chat GPT você vem

em Nova credencial e você coloca a sua chave aqui do chat GPT com seu nome tá se você ainda não sabe como pegar sua chave do chat GPT Você vem no site platform peni.com barapi Keys e lá você vai ter uma aba para criar a sua chave api e você vai colocar ela aqui enfim coloquei aqui a minha que eu já tenho criada vou linkcar aqui com o modelo de linguagem Opa tô tendo alguns problemas com o meu mouse Ah deixa eu afastar isso daqui porque eu vou colocar mais coisa né um grande problema que

eu tenho é para deixar esses fluxos estéticos Eu tenho esse toque Eu sempre gosto de deixar os meus projetos bonitos mas bem se você você quiser ir bem direto ao ponto você só pode ir linkando uma coisa com a outra que não vai atrapalhar o seu fluxo tá isso aquii é um espaço em branco que você pode utilizar sua criatividade para organizar da maneira que você quiser enfim Agora eu preciso colocar a memória e eu vou escrever por Memory vou ter a mesma abordagem que eu tive lá no chat eu só coloquei chat e já

me apareceu todos os chats então aqui Memory Eu só vou colocar Memory e vão me aparecer as memórias a minha favorita eu utilizar essa buffer Memory aqui super simples eu só coloc ela e linkco não preciso cadastrar nenhuma credencial e bem direto ao ponto já tô lá agora só falta colocar as minhas Tools né cara as TS Aqui é onde você pode basicamente criar um agente a para fazer agendamentos para fazer qualquer coisa para ligar uma automação em si Então vamos supor que você tem um fluxo de automação no n8n e você quer linkcar o

seu n8n com seu Flow você faz isso a partir de uma Tool tranquilo deixem aqui nos comentários se você quer algum vídeo vídeo linkando o flo junto com o n8n criando algo aqui do zero eu já tenho um vídeo aqui no meu canal sobre um agente a de agendamentos que eu fiz com n8n e Flow e Evolution api também porque é um agente a para WhatsApp vou deixar o Card dele aqui é alo que eu fiz com Flow Eyes e com n8n tá e você faz isso a partir das Tools é isso que faz a

ligação nesse caso aqui eu não vou colocar nenhuma automação específico eu vou querer que esse agente a aqui Fique dedicado somente na conversa com o cliente e ele não pode conversar sobre sobre qualquer coisa né cara ele tem que conversar sobre os dados do meu negócio em si Então o que eu vou falar para ele eu vou enviar um documento para ele para ele se basear como o que o meu negócio faz basicamente Ok como que eu coloco esse documento eu tenho que utilizar to eu vou utilizar a retriever to vamos lá eu vou eu

vou só escrever to aqui para ter a mesma abordagem Mas enfim a que eu vou buscar é a retriever Tool agora para você que não tem esse a mais técnico com inteligência artificial eu vou explicar para você o que é uma retriever retriever é o banco de dados da Inteligência Artificial banco de memória dela você pode chamar como data Store ou retriever Store que é basicamente um banco de dados os dois fazem a mesma coisa Ah então vou ligar retriever Tool aqui na minha Tool porque a ferramenta que vai permitir a nossa EA de acessar

o banco de dados da nossa do nosso agente EA o ou seja toda vez que o cliente fizer uma pergunta que esteja dentro de um documento que a gente vai inserir ele vai ativar essa retriever Tool Assim como as outras Tools que a gente faz de agendamento Ou seja é uma ia totalmente conversacional que ela só vai ativar T de agendamento quando o cliente quiser fazer um agendamento se ele não quiser fazer um agendamento a gente vai correr uma uma conversa tranquilamente tá Então essa é a grande diferença entre os agentes e a e aquele

chatbots que seguem um fluxo eu utilizo o chatbot muito mais para fazer um formulário algo que seja totalmente estrito que a gente não possa mudar muitas perguntas e é bem pouquíssimo os casos tá diminuiu bastante os casos de chatbot com essa advento dos agentes e ar enfim Tô aproveitando para passar mais sobre os fundamentos aqui nesses vídeos porque isso é algo que eu deixo bastante limitado lá na minha comunidade mas aqui nos vídeos do YouTube eu tô me sentindo mais aberto para falar sobre essas coisas eu quero mais educar vocês tá enfim agora a gente

precisa colocar uma retriever que é a mesma coisa que uma V ST uma data Store Então vou colocar uma Store aqui ou então vou colocar retriever vou ter o mesmo você pode ver aqui ele pede uma retriever esse daqui é um pouco mais trick é uma pegadinha aqui você escreve Store e daí vai aparecer você pode utilizar uma document Store tem V maneira de você fazer o upload dos seus documentos tá a mais rápida trazendo aqui já para vocês é você colocar essa em Memory Vector Store eu coloco essa em Memory Vector Store aqui ligo

ela na minha retriever E você já tá vendo que ela pede um documento e uma edgings vamos aqui para essa edgings que é a primeira coisa que ele tá pedindo aqui como requisitado deixa eu escrever bed e vou pegar da Open que eu já tenho credencial cadastrada liguei aqui a sem bed vou cadastrar minha credencial assim que eu já tenho a chave api conectada aqui eu não preciso ficar coletando ela a mesma a mesma chave api múltiplas vezes tá El já vai est salvo aqui então coloco Ok cara só falta colocar o documento agora deixa

eu colocar Será que eu tenho um documento genérico aqui eu espero que sim cara porque se você não tiver enfim você vai ter um documento do seu negócio muito provavelmente nesse caso aqui desse vídeo eu vou colocar um documento fictício eu não sei se eu tenho algum salvo aqui no meu computador provavelmente eu tenha porque eu fiz uma aula ao vivo sobre isso lá na minha comunidade mas senão vou pedir pro chat GPT fazer isso daqui ao vivo para vocês porque eu tô pretendendo não fazer nenhum corte nesse vídeo nenhuma edição nem nada eu tô

gostando bastante desses vídeos mais direto ao ponto vamos lá então cara colocar um documento aqui e eu vou enviar um documento PDF então eu vou colocar PDF file se você tiver um arquivo csv que é uma planilha você coloca o CS sv aqui por isso que o Tool Agent ele consegue fazer tudo ele é muito mais abrangente eu não preciso colocar aquele csv Agent então eu vejo muito mais escalabilidade utilizando só o to Agent tá vamos lá document Opa fica uma paradinha lá na frente agora foi e aqui eu vou fazer o upload do documento

tá ã fq Clínica Odontológica coloquei esse documento aqui E você tá vendo que ele pede por um text Splitter aqui na frente isso daqui já é um pouco mais técnico também tá tem duas pegadinhas aqui entre esse e esse na verdade você não é obrigado de colocar um texto Splitter o texto Splitter é basicamente um separador de texto se você envia um documento muito grande para sua inteligência artificial ela não vai conseguir digerir todas as informações de uma vez só você tem que empacotar essas informações tá esse caso aqui é um documento bem pequeno que

eu coloquei Muito provavelmente você não vai precisar de um text Splitter mas é um um bom hábito que você deve ter na criação dos seus agentes EA tá para quem é mais desenvolvedor E cria essas soluções aqui para outros negócios assim como eu Ah então você coloca um texto Splitter aqui deixa eu escrever Splitter para empacotar as informações e eu vou utilizar esse recursive Character text spit ele por padrão ele corta as dimensões em 100 por 200 esse daqui é a maneira que ele divide os chunks os chunks são aqueles pacote eles cortam na dimensão

100 por 200 e não existe uma métrica perfeita pros seus documentos tá uma boa prática que eu tenho é sempre que é um documento muito grande eu envio pro chat GPT eu falo me dê dimensões de quanto que eu devo colocar no Chunk size e no Chunk overlap isso aqui sendo bem mais técnico para projetos bem grandes de rag ai para análise de dado análise de planilhas tudo isso que eu já fiz aqui no canal também eu não vou deixar um card porque eu já deixei muito Card nesse vídeo eu vou só falar para vocês

no final do vídeo para vocês assistirem vocês maratonarem esse esses agentes e a tá enfim agora vamos voltar para essa retriever cara ela ainda não tá pronta porque ela precisa de um nome e ela precisa em descrição vocês podem ver aqui que tá em vermelho retriever name e description eu vou colocar aqui fak e agora a gente vai colocar um prompt paraa ia saber quando que ela deve utilizar essa ferramenta deixa só me Recordar que o tô gravando aqui OK tá tudo certo legal ah use essa ferramenta Ok coloquei um Prom bem básico cara use

essa ferramenta toda vez que o usuário fizer uma pergunta que está contida no documento da sua Vector Store Tranquilo isso daqui é mais do que suficiente para I entender quando deve utilizar ela e agora eu vou salvar esse fluxo aqui tá vou colocar demo YouTube demo YouTube Website legal agora vocês podem ver que já Surgiu uma bolinha V aqui essa bolinha verde é pr você fazer o você ingerir os documentos dentro da sua ia a gente colocou aqui o pdf File a gente fez o upload mas esse upload aqui ele tá dentro do ele tá

dentro do nosso quadro branco mas ele não tá dentro da base de conhecimento da ia ainda ela não tá na memória da ia pra gente inserir esse documento na memória da ia a gente tem que clicar nesse botão verde aqui que se você parar para ver ele tem um ícone bem parecido com esse daqui da retriever Então faz total sentido e é onde você faz o upset do documento você vai ingerir os documentos dentro do da sua Vector Store no seu banco de dados tranquilo vou fazer o upsert esse documento é bem tranquilo e o

que eu falei para vocês sobre o empacotamento você pode ver aqui que ele empacotou em quatro pacotes ã pequenininhos diferente tá esse documento não era grande eu podia colocar tudo isso emem um só mas eu já trabalhei com documentos bem grandes Ah para análise de dados de planilhas gigantescas para empresas que faturam mais de sete dígitos por mês e isso daqui Foi uma boa prática enfim dei um close nisso aqui vou salvar e agora bora conversar com esse cara Olá Ah cara vamos fazer uma pergunta sobre o documento lá cara ã Qual o nome da

sua clínica Ah tá não tem nome da clínica que que tem aqui quais são os serviços oferecidos pela Clínica Quais são os serviços V lá tudo todos esses serviços aqui ele pegou da da ferramenta de da base de dados ou seja ele ativou a base de dados tá aqui o Icone Zinho da ferramenta ativou a ferramenta fq e ele trouxe exatamente as respostas que estão contidas naquele documento tá só a partir desse prompt aqui que eu fiz para ela agora você deve se você deve estar bem feliz que você criou essa ia aqui passo a

passo junto comigo e agora o passo que você tem que dar é incorporar ela dentro do seu Website tá como que você vai fazer a incorporação dessa ia dentro do seu Website Primeiro de tudo você vai se lembrar sempre de salvar essa esse projeto aqui sempre tem esse bom costume quando você tá criando projetos de automação ou de sempre Salv isso daqui cara mas para você incorporar no seu Website Você vai clicar nesse Bot botão aqui do lado de salvar que é o Api endp é basicamente uma maneira de você fazer o flowise conversar com

seu Website sempre que você quer colocar dois aplicativos terceiros para conversar por exemplo seu Website e qualquer outra coisa dois aplicativos terceiros em si eles têm conversar na mesma linguagem tá e o que possibilita esses aplicativos conversar na mesma linguagem é uma chamada api e da maneira que eu faço uma chamada api você só clica nesse botão aqui e para você fazer um embed no seu Website você vê que já tem aqui esse PR você inserir aquela bolinha lá no seu Website você vai fazer um embed Então você vai clicar aqui nesse primeiro botão de

embed e aqui você já vê várias opções que você pode colocar tá não surtem com esse código aqui você não vai ter que programar esse código de jeito nenhum esse código aqui ele já vem pronto para você colocar na sua provedora de website então por exemplo se você tá trabalhando com WordPress ou elemento em algum lugar eles vão ter um um czin para você inserir o código html Eu já trabalhei com elemento eu sei que na construção do seu Website se você escrever por HTML ele já vem esse bloco de html para você colocar um

código HTML em si e é esse código que você vai colocar aqui cara e você pode customizar esse código Por exemplo quando você ã insere esse agente e a ele já vem por padrão em azul ele tem uma mensagem de de boas-vindas padrão e você pode basicamente personalizar tudo isso mas primeiro de tudo que eu quero mostrar para vocês vocês t quatro opções aqui para colocar esse chatbot ele pode ser aquela bolinha de pop-up que fica bem no canto inferior direito da sua tela ou ele pode ser inteiro por exemplo você clica naquela bolinha ele

se abre inteiro a mais conveniente é essa de pop-up eu escolho ela sempre e para você personalizar eu clico aqui ó nesse botão de baixo e você vê que já vem muito mais personalizável esse menu para você personalizar a cor ele vem por padrão na cor azul então para você colocar a cor que você quer você só chega no chat de GPT e fala qual é qual é a o código fonte dessa cor aqui você envia a foto da cor pro chat GPT ele vai te retornar a cor e você altera nesse código aqui lá

no seu Bloco de html do seu Website tá a mensagem de de boas-vindas vem essa daqui hi there que é Olá não não não a Welcome message é essa daqui foi mal desculpa Hello this is a Custom Welcome message você pode é Olá essa daqui é uma mensagem de boas-vindas padrão você pode customizar isses aqui pra sua empresa por exemplo Olá seja bem-vindo a assistente virtual da empresa xyz Ah enfim você vai customizar do jeito que você quer você vai copiar esse código clicando aqui e você vai colocar lá no seu card de de html

do seu provedor de website Beleza então é isso pessoal estô bem animado fiquei bem feliz de mostrar esse tutorial aqui para vocês porque por mais que seja uma solução Bem Simples eu acabei focando muito em WhatsApp em diferente maneira de colocar um agente a para WhatsApp eu cobri api oficial api não oficial relevance Ai Flow Wise ai a maneira mais simples e eficiente mais direto ao ponto é utilizando Flow Wise ai mesmo você pode hospedar no servidor e deixar bem baratinho e ter acesso a tudo da sua ia tá esse daqui é só mais um

uso de caso que você pode ter pra sua empresa se você tá querendo criar soluções e abra a sua empresa Ah isso daqui é só mais um uso de caso só mais uma das coisas que você pode automatizar com inteligência artificial e eu vou deixar dois vídeos aqui de automações com inteligência artificial para você ficar mais consciente do que você pode automatizar dentro da sua empresa tá Também vou deixar o link aqui na descrição do vídeo para você agendar uma chamada comigo e com o meu time pra gente criar um projeto se pra gente desenvolver

uma solução EA pra sua empresa se você já tem um projeto em mente é isso muito obrigado pelo seu tempo que é seu ativo mais valioso tchau tchau até a próxima