Como INTEGRAR o TYPEBOT ao N8N - MÉTODO SIMPLES - 2024 | Autotic

fala automatizador tudo beleza seja novamente bem-vindo ao canal do aoti caso você caiu de para-quedas aqui nesse vídeo né você tá conhecendo agora Auto deixa eu me apresentar me chamo Hugo sou consultor em automação de Marketing e semanalmente eu estou vindo aqui ao canal trazer novidades né aí no mundo da automação do marketing digital tá se você gosta desse tipo de conteúdo né se você se interessa aí por esse assunto não deixe de se inscrever no canal deixe também aí um like nesse vídeo Tá ok para que ele possa ter uma uma audiência maior né

para que ele possa alcançar mais pessoas aqui na plataforma E não esqueça de ativar os sininhos que é muito importante para você ficar por dentro aí de todas as atualizações aqui do nosso canal tá assim que a gente publicar um vídeo se você tiver o Sininho ativado você já vai receber essa notificação tá bom bom eh no vídeo de hoje eu vou falar sobre como como você pode integrar o Type bot ao ntn tá E talvez você já assistiu né outros vídeos nossos talvez você deve lembrar né de um outro vídeo que nós gravamos e

a respeito também de Type bot tá que foi esse aqui e porém nesse aqui a gente ensinou como você construir um chatbot tá de WhatsApp usando o fluxo e criado ali dentro do type bot tá então só para recapitular eh eu tô aqui com o projeto tá desse vídeo aqui que eu gravei anteriormente tá eh com um passo a passo aqui de um fluxo de atendimento automatizado no WhatsApp tá E aí basicamente seria o seguinte eh por meio da api aqui do Type bot né eu consigo eh fazer essa chamada dentro de um workflow do

ntn tá através ali do http request e para cada chamada ap vai avançando uma etapa aqui do fluxo e vai gerando o output dessas etapas tá E e aí com isso eu consigo fazer essa comunicação e com o Lead diretamente no WhatsApp por meio de uma API tá então por exemplo se aqui eu inicio o fluxo onde o bot né faz a saudação ali eu consigo pegar essa informação aqui desse fluxo e enviar para o WhatsApp numa conversa ali com com um cliente tá usando uma API de WhatsApp no caso a gente utilizou e ao

Zap né que é a nossa pi de WhatsApp e com a mesma pi de WhatsApp a gente consegue também captar a resposta do contato né do cliente ali por meio do Web Hook eh e aí a gente consegue eh ir fazendo essa dinâmica né ou seja enviando mensagem coletando informação enviando mensagem coletando informação e pelo WhatsApp usando esse fluxo aqui do typeb tá então foi para isso que a gente fez esse tutorial aqui mas hoje eu quero mostrar para você Como você pode aproveitar né as informações que são captadas aqui diretamente do Type bot Ou

seja você vai captar as informações diretamente do do bot né que é criado ali é dentro do T bot ou seja dessa vez a gente não vai captar informações diretamente do WhatsApp tá a gente vai captar as informações diretamente do fluxo aqui do Type bot por meio de de um template né que ele mesmo cria né se você já usou Type bot ou então já viu algum vídeo você vê que o Type bot é aquela forma inovadora de você captar dados né então ao invés de você usar ali um formulário né pedindo nome e-mail telefone

etc da pessoa agora não agora o cliente Entra lá no seu site aí às vezes tem um botãozinho ali né com sei lá com ícone de WhatsApp e ao clicar ali ele já começa se interagir com um atendente virtual ali tá que na verdade é um bot criado aqui no Type bot E aí ele vai passando as informações dele esse bot vai coletando essas informações ele vai and aqui nas variáveis tá e o próprio Type bot O legal que ele tem uma espécie de tabela aqui que vai armazenando os dados dessa variável tá eh porém

muita gente que às vezes desenvolve bot né Eh no Type board às vezes se depara com uma determinada limitação né então por exemplo tem pessoas que chega e fala assim Poxa eu queria e que após receber ali os dados do cliente pel um fluxo do Type bot eu gostaria de salvar na minha ferramenta de mail Mark esses dados eu queria salvar eh em um banco de dados que eu tenho aqui na empresa tá ou então eu queria eh receber por exemplo as informações dessa pessoa e chamar ela no WhatsApp de forma automática para isso ela

precisa do auxílio de uma outra ferramenta de integração tá que pode ser o zapper pode ser o make né E principalmente né que é o que a gente gente trabalha aqui o que a gente mais vê pessoas fazendo esse tipo de de integração é o ntn tá que é o que você vai ver aqui nesse vídeo e a integração pessoal é muito simples tá é a mesma dinâmica que a gente integra Como foi o caso lá do Zap né se você não viu o vídeo tem lá no nosso canal e também como no caso do

do make né que a gente também tem um tutorial ensinando como integrar e você pode conferir aí no canal Ok tudo é a base do Web Hook tá então como é que funciona eh eu tenho aqui o fluxo Tá eu vou fazer só um exemplo aqui de primeira só para você entender tá então por exemplo eu tenho esse fluxo aqui e aí basicamente o bot ele vai fazer a a as boas-vindas né vai solicitar o nome depois vai solicitar e-mail vai solicitar o telefone e depois ele vai agradecer pelas informações e vai informar que um

atendente eh irá atendê-lo Ok então basicamente Esse é o fluxo e aí você pode testar ele aqui no seu Construtor do Type bot clicando aqui em visualizar tá ele vai gerar tipo um preview aqui ó tá vendo que é como se fosse um chat que vai ser exibido ali no seu site né Se você pegar aqui o o código incorporado né e colocar lá no no HTML do teu site ao ao cliente clicar no botão ali no cantinho que vai ficar vai abrir um um assistente parecido com esse tá E é claro né como eu

tô fazendo o preview aqui do Type bot às vezes ele dá um uns bugs aqui e a parte de informar os dados ao invés de aparecer aqui no assistente ele acaba aparecendo aqui fora tá até porque a gente tá usando um template aqui também do WhatsApp e aí pode dar esses bug Tá OK mas a princípio vai vai ficar aqui dentro tá como a pessoa tivesse ali com um chatz inho mesmo e ela vai se interagindo com o seu tá então aqui ó ele fez as boas-vindas tá como eu informei para você ó seja bem-vindo

ao atendimento do aoti já caiu aqui no segundo passo que é pedindo o nome tá então eu vou chegar aqui vou colocar o nome tá um exemplo Vou botar aqui ó Fulano tá vou dar um enter ó como eu tivesse respondendo aqui o atendente virtual tá E aí em seguida ó ele já cai aqui pro terceiro terceira etapa tá pedindo e-mail tá tá E aí eu vou informar um e-mail aqui qualquer também teste @dino comom tá Ó e agora na quarta etapa ele vai me pedir o telefone tá E aí o legal no Type bot

né que conforme você vai definindo que tipo de dados né você quer coletar ele vai facilitando aqui para você por exemplo se você escolhe aqui que você quer coletar eh telefone né que seria esse elemento aqui ele já vai te dar aqui um campo onde você já pode definir aqui Qual é o país eh padrão aqui já para aparecer no caso eu coloquei Brasil né e onde significa que ele já vai atribuir o DDI 55 então o seu cliente né o seu Lead Ele simplesmente só vai informar ali o DDD né ó colocaria aqui o

DDD e o número dele tá botar aqui um número qualquer E aí ele vai enviar tá ó já foi lá com DDI E aí cai na minha última etapa aqui ó tá vendo ó que é a etapa de agradecimento informando que o atendimento vai ser redirecionado né para um atendente hum beleza e aí quando a gente acessa aqui por exemplo a parte de resultado eu não sei se já vai aparecer deixa eu ver aqui luxo é ele já deveria ter aparecido não apareceu ali Às vezes pode ser também que demora também deixa eu ver se

eu atualizar aqui é não apareceu deixa eu ver aqui settings não Ah tá aqui a parte de analític é por algum motivo aqui ele não apareceu não sei se eu também eu tinha que fechar a tela alguma coisa assim ou então pelo menos agradecer né Vamos fazer só mais um teste bem rapidinho aqui botar aqui qualquer coisa É é [Música] botran teste 2 @d dominio.com me telefone eu vou botar aqui pokon também é se bem que não tem mais o que fazer né não tenho caixa aqui para digitar deixa eu simplesmente só fechar deixa eu

acessar lá agora para ver é não sei por qual motivo mas o sistema aqui né De captação de informações não está pegando pode ser também que existe aí um delay né para poder atualizar e eu não tô por dentro disso tá mas a princípio ele vai salvando aqui tá no no typeb Mas enfim mas a o propósito aqui do vídeo é te mostrar como você consegue transferir essas informações tá que foram captadas ali pelo bot do Type bot né que que vai estar no seu site então você pode transferir isso pro ntn e dar continuidade

a alguma automação ali que você tenha né porque como eu informei às vezes pelo Type bot você não vai conseguir fazer determinada integração né Por mais que você tenha por exemplo algumas integrações aqui né como por exemplo Google sheets chat GPT né Google Analytics e-mail né você disparar um e-mail usando o smtp ó tem Zap make Ó tem o próprio make aqui tá P chatwood Pixel do Facebook tá Por mais você já tem algumas integrações mas às vezes você não tem a que você quer né então de fato Você vai precisar usar de uma outra

plataforma de integração para poder concluir aí a sua automação tá por isso que eu falei no vídeo anterior hoje em dia não tem esse negócio de uma ferramenta substituir a outra tá cada ferramenta tem a sua particularidade tem o seu prós e contra e ambas se cimam né para atingir aí um resultado final que você espera tá Então nesse vídeo você vai aprender a usar essas duas ferramentas para ter uma automação mais completa mais robusta tá E aí que que a gente vai fazer aqui então para integrar com ntn aqui no ntn eu criei um

novo workflow tá aí você pode colocar aqui como gatilho um Hook e você coloca no modo post tá web Hook e aqui no P você coloca uma um um nome amigável né Vou botar aqui Type bot né vai saber que é uma url que vai ser usada no do Type bot tá E aí eu vou copiar de teste mesmo né só para poder exemplificar aqui tá E aí onde eu vou colocar essa URL eu vou colocar nesse elemento aqui ó chamado web Hook tá aqui em integrações você tem esse elemento aqui chamado web Hook então

por exemplo vou soltar aqui ó Pronto ele já adicionou ó eu já posso conectar ele aqui agora não sei se é aqui em cima ou se é aqui embaixo acho que é aqui embaixo mesmo né tô conectando aqui na ação e posso dar um nome aqui por exemplo vou botar aqui ó envia envia dados do vou botar só dados a NN E aí vou clicar aqui em configure e AICA unnica coisa que eu tenho que fazer aqui é só colar essa url de web Hook sério você não precisa fazer mais nada aqui você não precisa

como foi por exemplo né no vídeo envolvendo Zap O make que a gente tinha que mapear ali os campos né então eu tinha que criar ali os Fields né e os respectivos vals né para de fato quando ele enviar o Jon ele enviar numa estrutura que eu consigo aproveitar lá no NN Tá mas o Type bot ele não exige isso ele só pede que você informe aqui a URL e ele mesmo já te passa a estrutura certinha ali em Jon né vai vir a coluna Body ali né com os respectivos Campos já com os nomes

né então é como viesse lá um campo chamado nome vai vir um campo eh e-mail e também vai vir um campo telefone todos eles com os seus respectivos valores tá então é muito prático mesmo muito simples Tá então você só vai fazer isso mesmo vai criar aqui um uma função aqui web Hook tá vai conectar no final do seu fluxo e vai adicionar aqui a URL do Web Hook do seu ntm tá só isso E aí eu posso já clicar aqui em publicar tá e já posso botar aqui o meu ntn no modo escuta tá

ó vou clicar aqui pronto já tá no modo escuta e aí vou começar agora testar o meu bot né passando as informações ali para ele Ó Então já vou começar aqui já vou até botar aqui um um valores válidos né digamos assim então vou botar aqui por exemplo nome da autti Vou botar aqui o e-mail comercial e vou colocar aqui nosso telefone tá ó vou mandar ó repare que ó ele já apareceu essa notificação aqui para mim falando que o web Hook foi enviado com sucesso e se você reparar aqui na neten ó ele já

mudou o ícone e significando que recebeu com sucesso essas informações do do Type bot tá E olha só que legal quando eu abro aqui ó ele já manda para mim o body tá vendo ó o corpo com essas quatro informações que seria eh as três informações coletadas ali do Lead tá vendo ó Ele pega exatamente o mesmo Campo ó lá ó Campo nome onde eu informei Auto Campo e-mail Onde eu informei o e-mail aqui comercial e o campo telefone onde eu informei aqui o nosso WhatsApp tá E ele pega também aqui o a data e

a hora né que foi submetido aqueles dados ali no no atendimento automatizado tá e a partir de Então você determina o que vai acontecer aqui no ntn né se você como eu falei né se você chegar e falar assim Hugo eu quero integrar o Type bot com m ou seja os leads que se cadastrarem ali no Type bot eu quero que os dados vão pro M porque o m geralmente a gente cria ali um formulário né bem simplesinho e joga no site pro cliente preencher Então a partir dessa integração aqui que eu tô te mostrando

você já vai ter uma forma inovadora de captar os dados dos seus leads para fazer e mail mar ou seja em vez de você botar ali o tradicional formul agora é o bot que vai coletando os dados dele ali de forma dinâmica sem o cliente ter aquela sensação que tem que preencher um formulário tá e o bot vai coletando aquelas informações dele de forma dinâmica como fosse uma conversa um bate-papo e automaticamente já encaminhando pro ntn e do ntn encaminhando pro m tá É incrível isso aqui beleza e aí você pode fazer isso aqui ó

né Por exemplo eu posso adicionar um node aqui do m né ó mtic e aí você pode botar aqui ó acho que é Create a contact né é criar um contato e aí claro né você precisa apontar aqui e uma credencial qualquer no natic né E aí você deixa aqui Create E aí você só vai preenchendo aqui os campos né e com base nos e output né que foi gerado aqui pelo seu web Hook né que veio lá do typeb a eu posso jogar aqui ó o e-mail do usuário ó eu vou mapeando aqui tá

vendo ó posso jogar o nome tá vendo ó first Name tá e telefone eu acho que deve ter algum Ah tá não tem aqui por padrão mas eu acho que você pode adicionar um Custom Field aqui né ó se eu botar aqui a DD Field ó ele vai mostrar outros Fields Ó tem aqui mobile né ou fone né geralmente a gente usa fone ó adicionei fone tá E aí o fone eu posso pegar aqui o telefone e jogar para cá beleza E é claro né aqui depois você pode eh Se você quiser né você pode

usar aqui JavaScript para poder tirar o sinal do mais né como a gente já mostrou eh em outros tutoriais aí ou seja você também pode usar o ntn para fazer a formatação ali dos dados tá e encaminhar direitinho lá para a sua ferramenta com os dados já formatados tá bom E aí Isso aqui é só uma ideia né Esso aqui você pode botar né Por exemplo addd Lead naltic né da da mesma forma você também poderia por exemplo eh usar essas mesmas informações né e disparar um WhatsApp né para o contato ou seja o contato

chama você eh pelo site né ou seja ele demonstra ali interesse entrando em contato com o seu bot ali no site e automaticamente você já conseguiria chamar ele numa conversa do WhatsApp e aí como como é que você faria isso você poderia usar uma ap de WhatsApp né então lá na page de WhatsApp né você colocaria lá né aqui no método post você colocaria lá né Por exemplo a o endp da sua pi né Por exemplo teste. zap.com.br aqui end Tex né que seria o endp eh e aí você poderia né colocar lá os parâmetros

de cabeçalho né iia colocar lá os parâmetros de cabeçário s s ke né Vou botar aqui o Zap aí pode colocar os parâmetros de corpo também né ó session aqui é a estrutura da da pi da Zap tá é claro que se você tem outra API de WhatsApp tem que colocar a estrutura da sua api Tá bom vou colocar aqui usar tá E aí colocaria aqui mais dois Campos né que aí seria o Number né que é o número do destinatário e e o texto né que vai e aí o número do destinatar é a

mesma coisa né eu posso chegar aqui e colocar o telefone né Aí como eu falei né Você também pode usar aqui JavaScript para poder e dar uma formatada no número né Por exemplo tirar esse esse sinal de mais aqui né então onde tem sinal de mais eu quero que seja substituído por vazio então ele retorna para mim aqui somente números né e é o formato que as apis de WhatsApp esperam beleza e aí eu já aponto aqui né a o número do destinatário né que é do cliente que entrou em contato também posso mencionar o

nome dele aqui também né Por se eu colocar Olá né n x e tudo bem Vi que você entrou em contato conosco pelo pelo chat do site E aí posso colocar aqui como expressão né aí mesma coisa né aqui onde tá XX né eu posso colocar aqui ó o nome né ó Olá Auto tudo bem e aí vem o restante aqui da da comunicação tá pronto e aí basicamente eh já pode ocorrer aqui o disparo do WhatsApp pro Lead né então o Lead foi lá entrou em contato com você no site deixou os dados dele

assim que o bot falar ó eh já já podemos te atender pelo WhatsApp entendeu Aí a automação aqui do NN já chamaria o cliente no WhatsApp dele com as informações que ele forneceu no site legal isso né então isso é possível integrando aí né o Type bot com o ntn beleza e as possibilidades são infinitas E aí também se você quiser né colocar e-mail também né aí no e-mail né lá no aqui na parte do destinatário né você pode colocar o e-mail da pessoa né coloca um assunto aqui qualquer escreve um texto aqui que vai

ser enviado enfim igual você fosse Enviar um WhatsApp né mas estaria enviando aqui e-mail então assim infinitas possibilidade do que você pode fazer depois que esses dados são transferidos do tag bot pro ntn beleza bom então é isso aí Espero que você tenha gostado dessa ideia né Desse Insight aí deixa um like aí no vídeo tá se você gostou se de alguma forma te ajudou tá para que possa também ajudar outras pessoas e se você ainda não é inscrito né você que semanalmente está assistindo os nossos vídeos aqui gosta do nosso conteúdo mas ainda não

é inscrito se inscreva agora para poder apoiar o nosso trabalho tá bom e ativa logo aí esse Sininho para você não perder nenhum vídeo assim que a gente publicar tá bom um forte abraço e valeu Y