ATUALIZADO | Conectando Seu Typebot com Gogole Sheets - 2024

você por acaso está com dificuldade para poder conectar o seu Type bot com api do Google sheets Eu prometo que você assistindo esse vídeo do início ao final você irá conseguir resolver esse seu problema fala pessoal bem-vindo ao canal de gestão e hoje a gente vai fazer essa integração aí do typeb com api do Google sheets beleza para quem não sabe a essa nova versão do Type bot aí requer algumas configurações a mais ok pra gente conseguir fazer essa integração já trouxe já um vídeo como esse anteriormente né de como fazer essa integração porém aí essas novas atualizações é quer que a gente passe algumas configurações a mais beleza e bom pessoal pra gente conseguir tá fazendo essa integração primeiramente a gente vai tá abrindo aqui dois sites que vai tá auxiliando a gente aqui no decorrer do caminho Beleza o primeiro vocês vão pesquisar aí pro self hosted Type bot e a gente vai est indo aqui ó em configuration Ok e aqui vai ser a documentação do Type bot onde ele vai passar todas as informações que a gente precisa precisa para fazer aí esse vinculo aí certo com o Google sheet outra coisa que a gente vai precisar também é do nosso Google console Ok vocês vão estar pesquisando aí console Google ok e vocês vão estar entrando nesse que tem esse link aqui ó console. Cloud gooogle. com beleza e vocês vão estar entrando nele aí OK são essas duas páginas que a gente vai deixar aberta aqui outra coisa que a gente vai precisar é óbvio né acessar aí a nossa VPS Ok eu já tô aqui com a minha VPS já aqui aberta beleza conectada aqui pelo terminos ah alguns inscritos já me perguntaram que programa is que eu utilizei o términos ele é muito bom que eu consigo salvar algumas scripts e tal aqui dentro para deixar tudo mais prático Beleza já tô conectado aqui na minha VPS e a gente tem que localizar aqui o diretório do nosso Type bot Onde tá o nosso stake ok que é o stake é o nosso arquivo de configuração que a gente utilizou ali para buildar ali o nosso nosso Type bot normalmente ele fica localizado ali e se você segue meu canal aí normalmente a gente instala ali no próprio diretório Hot mesmo vocês podem estar dando um LS que aí às vezes você acha já por ali uma pasta chamada Type bot beleza senão se você já é um pouco mais profissional como assim Eu costumo dizer normalmente ela vai est na pasta aí opt beleza barra typeb Vocês precisam localizar o arquivo chamado docker compose IML beleza bom Como ainda não tenho Type bot instalado aqui eu vou instalar rapidinho com o meu instalador da da gestão que é um instalador aqui que consigo fazer uma instalação do Type bot aí em menos aí de 2 minutos beleza Vocês não precisam estar fazendo essa instalação se vocês já tem o Type bot Ok eu vou estar fazendo aqui porque eu tô na máquina de teste aqui no momento beleza e vou est acelerando aqui o vídeo aqui pra gente já ir pra parte que importa pronto pessoal terminei aqui a instalação do meu Type bot utilizando aqui o instalador da da gestão que é um instalador aí onde ele faz instalação a tanto Type bot Evolute n8n shat aí de forma rápida e simples aí para quem tem dificuldade para fazer essas instalações certo e bom ele instalou aqui ele aqui no diretório opt né e bar Type bot certo eu vou dar aqui um CD dentro desse diretório aqui beleza e aqui já tá aqui meu arquivo docker compos ml Beleza o que que vocês precisam voltando Aí anteriormente como eu falei Vocês precisam localizar o diretório da onde tá o stake de vocês ok esse diretório às vezes pode variar dependendo da onde você fez aí essa instalação Ok já tô aqui dentro do diretório e o arquivo que a gente vai editar vai ser esse arquivo aqui ó doc TR compose IML certo só que antes de editar ele vamos aqui pegar aqui o nosso bloco de texto beleza e vamos aqui Naquele site aqui do Type bot Aí que Eu mencionei anteriormente beleza e a gente vai estar copiando aqui essas duas variáveis essas três variáis agora que ele trouxe aqui pra gente beleza a gente entrou aqui no site tá em configuration aqui vocês vão descer até aqui embaixo e v localizar aqui ó Google é autenticação sheets e fontes beleza e a gente vai copiar aqui essas variáveis vamos pegar aqui nosso arquivo de texto Ok e vamos colocar colar elas aqui copiar aqui uma copiar aqui a outra beleza e essa última OK aí aqui a gente vai dar colocar aqui uma o tracinho Beleza o espaço porque lá dentro do nosso Arquivo ele tem que tá desse jeito e vamos colocar igual aqui em cada uma delas Ok eu tô vendo agora que eu copiei errado me Perdões Aí e vamos embora lá deixa eu só corrigir aqui ok e corrigir aqui achei que eu tava copiando certo beleza tem que tá assim pessoal ok ao da outra aqui alinhado beleza desse jeito assim OK beleza o próximo passo que a gente vai fazer agora vai ser aqui dentro do nosso console aqui do Google Ok quando vocês entrar pela primeira vez ele vai pedir para vocês criar uma aplicação certo novo projeto ass V dizer às vezes ele já inicia com um projeto já pronto beleza e vocês podem estar criando um projeto aí enfim o importante a gente ir para essa tela aqui estando nessa tela aqui a gente vai tá indo nessa essa opção aqui api e serviços ok Deixa só selecionar o projeto novo que eu criei aqui para não trabalhar com que eu já tinha mas enfim aqui api e serviço Você S vão clicar aqui ok E aí ele vai est carregando aqui para mim vamos esperar certo e aonde a gente vai agora a gente vai aqui primeiro lugar que a gente vai vai ser aqui ó tela de permissão beleza onde a gente vai configurar aí certo o [Música] nosso onde a gente vai configurar aí as solicitações aí pro Google tá aceitando as nossas solicitações aí das nossas aplicações externas Beleza a gente vai clicar aqui ó essa é o tipo de de permissão certo vai ser externo vamos aqui criar aqui ele vai pedir o nome do nosso app Vocês pode botar aí Type bot certo aqui vocês vão colocar o e-mail da conta de vocês aí vocês já aproveit já copia ele e já Cola ele aqui embaixo beleza aqui upload de logotipo não precisa página da aplicação Inicial aqui vocês vão botar o URL do Type Bot de vocês meu Type bot ele tá nessa url de teste aqui que eu coloquei da.

com Ok eu fiz a instalação dele vou só est Fazendo login aqui beleza e a gente vai estar copiando aqui esse URL beleza aqui ó de gente copiar o URL do sem essa parte de PTBR aí do Type bot beleza até o. com a gente copia e cola aqui dentro aqui dentro vocês vão colocar home Beleza vai colocar uma barra depois home depois do pon com aqui a gente vai colocar politics Ok Vocês não precisam exatamente fazer isso aqui que eu tô fazendo isso daqui é é só para est evitando o Google acabar aí trazendo algum problema pra gente beleza e aqui a gente coloca termos pode estar colocando desse jeitinho aqui que vai dar certo beleza aí aqui a gente vai clicar aqui em adicionar domínio colar URL aí novamente só aqui aí sem essa barra no final e sem esse https beleza opa sem o o subdomínio também ele tem que tá assim só o domínio mesmo ok vamos salvar e continuar que ali ele já vai estar aceitando ali todos os subdomínios ali que vai ter naquele naquele domínio beleza aí aqui a gente vai adicionar o remover escopos a gente vai descer vai passar essas barrinhas aqui ó PR a gente ir paraas próximas linhas e vai est ativando Essas duas últimas que no caso aqui é service maneja api aqui serviço maneja api também beleza que é o o tipo da api são essas duas últimas aqui ó V configurações de serviços do Google API gerenciar configurações de serviços api do Google beleza e aqui a gente vai clicar aqui em atualizar a gente só a gente só precisa adicionar esses dois escopo aqui nessa parte beleza vamos clicar aqui salvar e continuar isso daqui a gente pode salvar e continuar esse resumo aqui a gente pode só clicar aqui em voltar pro painel beleza aí aqui a gente clica em publicar aplicativo Ok não esqueçam de publicar o aplicativo sen não vai dar certo ok a gente vai enviar ele aí em modo produção beleza pronto pessoal feita a publicação agora a gente vai aqui em credenciais beleza essa parte aqui prepararse para verificação logo logo eu explico ela para vocês não tem necessidade mas caso vocês queiram fazer aí eu vou est explicando para vocês também logo logo beleza e aqui a gente vai aqui ó criar credenciais certo e a gente vai primeiramente criar aqui a chave de pi Ok Ele tá criando aqui a chave pra gente e a gente vai est copiando essa chave beleza e vamos colocar ela aqui no bloco de texto A gente vai colocar e aqui ó next Public Google APK Beleza a gente vai colocar aqui depois do igual e vai clicar em fechar clicou em fechar vamos aqui criar outras credenciais agora beleza e agora a gente vai selecionar aqui essa segunda opção ID do cliente ou alt beleza e aqui a gente vai escolher o tipo de aplicativo vai ser um aplicativo web ok vocês vão colocar o nome aí de Type bot beleza e aqui a gente vai adicionar as uis que vai ser no caso aqui é a nossa URL aqui de autorização do Type bot beleza aqui nessa primeira aqui que a gente vai adicionar URI a gente pode copiar nosso link do Type bot aqui ok desse jeito que tá aqui mesmo vamos voltar aqui eu vou colar aqui beleza e pronto já tá adicionado já essas outras aqui a gente vai ter que fazer outra coisinha Beleza a gente vai aqui o bloco de texto de novo Vamos descer aqui para baixo aqui vamos colar aqui o nosso er novamente Beleza tem que tá assim deixar ela assim para ficar mais fácil pra gente trabalhar beleza e a gente vai voltar aqui pra configuration aqui do do Type bot certo e a gente vai localizar aqui a gente vai clicar em requerimentos para ver se a gente localiza o que que a gente precisa aqui achei a gente vai copiar aqui essas essas duas linhas aqui beleza for produção aqui ó para produção copia aqui essas duas linhas vamos colar ela aqui debaixo do link vamos recortar aqui o nosso link e vamos substituir aqui da onde estão aqui essas duas essas duas setinhas beleza Opa fiz besteira deixa eu copiar aqui novamente certo e vamos lá vamos substituir aqui certo onde tem essas duas setas aí pra gente a gente vai estar substituindo pelo nosso né ainda colei errado aqui vamos tirar esses da htps para deixar só assim ó tem que tá assim htps aí nosso subdomínio certo e aqui né a urlz inha completa pra gente beleza gtps noss subdomínio api credenciais Google sheets callback tem que tá desse jeitinho aqui beleza e vamos aqui copiar aqui primeiro uma e vamos voltar aqui pra nossa pro nosso Google console Ok e a gente vai estar adicionando eles aqui embaixo agora OK vou colar aqui uma e vou colar aqui o próximo certo beleza perfeito feito isso a gente pode aqui ir em criar beleza e ele vai trazer aqui pra gente aqui esse ID do cliente Ok e vamos voltar aqui para nosso bloco de texto A gente vai colocar aqui Google cliente id e agora a gente vai copiar aqui a chave secreta do cliente vamos copiar ela aqui vamos voltar pro nosso arquivo de texto Google cliente secrete Ok e pronto nossas variáveis aí Elas já estão prontas pro uso Ok só que a gente precisa ativar algumas aplicações aí para a gente poder utilizar a essas variáveis aí o nosso Type bot fazer as consultas que precisa ok e pra gente Ativar essas aplicações a gente vai primeiro aqui em biblioteca E aí o nosso Type bot ele vai pedir pra gente Ativar cinos cinco aplicações ok aqui ele vai falar em duas deixa eu ver aqui Du aqui ele fala em três api mas a gente vai est ativando cinco no total beleza para evitando dar erro a primeira vai ser essa daqui ó GOOGLE GOOGLE Drve Ok vamos ativar ela enquanto ela ativa ali a gente já pode ir voltando aqui para pesquisar outros beleza vamos voltar aqui de novo biblioteca a gente ativou o Google Drve api são dois Google drives que a gente tem que ativar Beleza a gente já ativou um vamos ver o próximo aqui que vai ser esse daqui ó ative api agora a gente ativou o Api anteriormente vai ativar o activ Api Ok pronto a gente já ativou esses dois e aí ele vai pedir pra gente Ativar mais outros aqui deixa eu ver quais são os próximos a gente vai ativar aqui o Google sheet api beleza vamos aqui dentro da biblioteca de novo pesquisar Google sheets api troue aqui pra gente vamos ativar ele também enquanto ativa eu já vou voltar aqui novamente para procurar outro o outro vai ser esse picker ap aqui do Google ok vamos copiar ele aqui Vamos pesquisar aqui também novamente esse daqui é Google p API vamos aqui ativar e agora falta mais um vejamos que é o é o webfonts do Google beleza vamos copiar ele aqui voltar Opa col no lugar errado biblioteca web Fontes aí esse que ele trouxe aqui pra gente primeiro Font desenvolver aí clicar aqui em Ativar Ok e pronto a gente já ativou aí as cinco aplicações que a gente precisava Ativar Ok dentro do nosso console do Google agora a gente vai ejetar essas variáveis aí dentro do nosso stake beleza vamos aqui vou dar um LS aqui para localizar o meu arquivo meu arquivo tá ali ele se chama docker compose IML beleza e eu vou dar um nano aqui dentro dele nano né e o nome dele ok pra gente abrir ele aí como editor de texto beleza e a gente vai descer a gente vai descendo aqui ó dentro desse stake nós temos aqui o quê Nós temos o Type bot builder e temos aqui logo embaixo se a gente descer aqui o Type bot viewer Ok onde aí são divididas aí certo entre aí o nosso o nosso criador ali de fluxo e ali o o o o bote do cliente beleza e para ele tá funcionando certinho a gente vai ter que colocar essas três variáveis aí dentro aí dos dois beleza das duas partes aqui dos dois serviços dentro desse stake Ok e vamos lá eu [Música] vou trazer aqui vou descer aqui pra gente aqui e a gente pode estar colocando aqui debaixo do último smtp que ele traz pra gente beleza pode dar bastante espaço assim OK não tem problema ficar esse espaço morto ali Ok e a gente tem que deixar eles alinhados beleza alinhadinho aqui ó para não ter nenhum erro se não tiver alinhado certinho vai dar erro Ok então vocês alinham ó vocês vão subir assim ó para ver se realmente tá certinho OK ó tô descendo aqui embaixo ou seja aqui ó aqui tá certinho feito isso a gente vai copiar aqui de novo porque a gente já sabe que o espaçamento tá certo aqui certo vou copiar eles aqui já copiei e agora vou colar eles embaixo Aqui também no viewer aqui vocês podem estar colocando aqui logo antes do S3 beleza vamos lá beleza perfeito então ele já tá aqui certinho aqui pra gente beleza antes do S3 aqui e aqui também aqui antes do S3 certo aqui é porque isess daqui tá comentado isso daqui pode deixar comentado não tem problema não Beleza a gente vai dar um Ctrl x y aqui e Enter Ok pronto feito isso a gente agora só precisa atualizar esse stake Ok e é aqui que vocês vão precisar prestar bastante atenção beleza dependendo do tipo de instalação que você fez se você tá utilizando ele aí né no modo no modo stake aí que é aquele Deploy que você faz dentro do do Dock vocês vão precisar dar aí né um é um Deploy novamente aí pro mesmo stake se vocês estão utilizando aí sem ser esse método de Deploy vocês vão ter que estar utilizando aí esse comando aqui que eu vou estar mostrando para vocês agora doop composer certo up men D beleza que aí ele vai fazer a atualização aí desse arquivo Ok dependendo da versão do do compos de vocês vocês tentam desse jeito aqui sem a Barrinha ess da você faz com essa Barrinha aqui beleza ou seja nós temos aí esses dois modelos aí que vocês vão tá utilizando aí OK no caso seria trazer aqui mais fácil para vocês ou assim ou assim Bele qualquer um dos dois que der certo aí já tá funcionando aí você já pode testar dentro typeb como o método que eu tô utilizando é um método aí de deplo certo o comando que eu vou est utilizando vai ser outro beleza que vai ser esse daqui que eu vou mostrar agora para vocês Beleza deixa eu pegar aqui vai ser esse daqui docker stake Deploy Men F nome do arquivo menos se na verdade Men o nome do arquivo e o nome do stake que eu tô utilizando no caso foi aí o Type bot taker se você seguiu aí utilizando o meu instalador o comando que você vai utilizar vai ser esse daqui certo porque aí o modelo aí de instalação já é diferente Ok e pronto ele já atualizou aqui os meus serviços certo vou só dar um DOC PS aqui para ver se realmente ele atualizou todos aqui certo então um DOC PS aqui novamente aqui nos últimos segundos ele já atualizou aqui o que precisava ser atualizado beleza aí aqui a gente pode deixa eu só acessar aqui meu e-mail para fazer login no Type bot aqui que eu ainda não fiz vamos lá vamos aqui fazer o login beleza ok ele já carregou aqui pra gente certo vamos aqui criar um bot vamos ver se tá tudo configurado C beleza como deveria Ok e vamos aqui clicar em adicionar aqui ele vai pedir pra gente fazer login com Google OK a gente vai utilizar a conta que a gente utilizou beleza aqui ó essa é a tela de verificação do app tá dizendo que o app Não Foi verificado Beleza se vocês querem aí tá removendo essa tela aqui ok porque às vezes aí muita da gente pode estar utilizando o Type bot para fazer como se fosse siz VD para clientes e tal e não quer que essa tele fique aqui vocês vão estar vindo aqui ó tela de permissão mout beleza Vocês vão aqui ó preparar-se paraa verificação e ele vou te pedir as informações tu vai seguindo aí tranquilamente aí são informações simples aí de se fazer isso Beleza deixa eu voltar aqui Ixe eu perdi a tela acho que eu perdi ah não tá aqui aí eu vou aqui ó em avançado beleza acessar de gest. com beleza no caso aí vai est o domínio de vocês vocês vão avançar e vão clicar aqui nesse esse linkzinho aqui embaixo beleza e vão aqui em continuar Ok ele vai pedir aqui para você selecionar aqui vocês clicam em selecionar tudo vaiem continuar beleza e aí pronto ele já vai est carregando aí certo o Google sheet de vocês aí para fazer aí é essa busca aí das planilhas Ok e aqui como vocês podem ver ele já busca aqui essa versão do Type Bot é uma versão deixa eu dar uma olhadinha aqui a versão que eu tô utilizando acho que eu tô utilizando a 2.

20 eu vou atualizar aqui rapidinho para mostrar para vocês como é que tá na nova versão também para vocês já ver aí como é que funciona beleza Pronto acabei de atualizar ele aqui rapidinho vamos voltar aqui né Vamos botar aqui para atualizar aqui novamente recarregar aqui a página beleza carregar aqui também de ver aqui a versão certo já atualizei ele aqui pra versão mais recente esse método ele serve tanto PR versões aí anteriores como essas versões aqui mais recentes do typeb atualizei aqui PR 2. 22.