Desbloqueando o Typebot - Integrando em Diferentes Plataformas, Permitindo Embedded ou Incorporações

fala pessoal sejam muito bem-vindos ao canal da Astra online e hoje galerinha um vídeo muito bacana aqui como desbloquear o seu Type bot para permitir que você faça incorporações com a plataforma completa Ou aquele famoso embeded dentro do chatot ou dentro de qualquer outra aplicação que você precise aí no seu dia a dia mas antes lembre dá aquele like se inscreve no canal ativa o Sininho para sempre receber notificação quando tiver vídeos legais como esse aqui no meu canal e se você é novo por aqui já não deixa de maratonar aqui a vasta opção de

automações e muita coisa bacana que tem aqui no meu canal de graça para você usufruir E aí aplicar na sua empresa e fazer aquele dingin extra no final do mês beleza galerinha Então vamos lá para você continuar esse vídeo aqui é você já precisa ter instalado o Type bot no formato manual Beleza se você não sabe como fazer isso fique tranquilo vou deixar um videozinho aqui que eu explico de forma detalhada o passo a passo é só assistir lá com muita atenção que você vai conseguir como instalar o Type bot diretamente no servidor tá sem

ser no formato docker porque assim permite você editar qualquer arquivo e deixar o seu Type bot personalizado com a sua marca tudo bonitinho beleza galerinha Então vamos lá Lembrando que se você quer ser um Expert com os produtos que eu ensino aqui na Astra online Não deixe de participar da nossa comunidade tá vou deixar aqui embaixo o link especial com cupom de desconto exclusivo para vocês também para vocês entrar lá e participar dessa comunidade que só tá crescendo que eu tenho certeza que você vai gostar demais de estar participando beleza galerinha Então vamos lá vamos

botar a mão na massa uma vez que você já tem o seu Type bot instalado né inclusive lá no meu vídeo já já ensino como é que personaliza logo a marca tudo bonitinho deixando ali todo todo o White Label né já mudando o nomezinho aqui também né enfim lá eu mostro para você toda todas as partes do código né no videozinho aqui para você tá podendo e personalizar o seu Type bot instalou ele certinho o que que a gente vai fazer para quem já trabalha com o chatot também e se você não sabe o que

que é o chatot quer instalar ali também vou deixar um videozinho aqui também onde eu ensino como é que você instalar também o chatot beleza Lembrando que se você for instalar o chatot junto com o Type bot Você vai precisar de dois servidores tá porque o formato de instalação desse Type bot aqui ele é diferente do que a gente segue aqui com o chatot tá então só tome cuidado se você for instalar o também o Type bot né se você se você tem pouco conhecimento eh pegue dois servidores para você não ter nenhuma encrenquinha aí

beleza então fechou tendo os dois instalad caso você queira né se instalar ele também dentro do chat sho é onde a gente faz a gestão aqui do atendimento né Onde eu posso vir aqui fazer as minhas conversas conversar com o meu cliente né eu tenho aqui os meus ticks eu posso fazer minha as minhas conversas só que como a gente tem aqui as outras ferramentas aqui dentro ó eu consigo colocar aqui o meu RM aqui dentro se eu quiser ó Ele carrega aqui dentro consigo carregar outras ferramentas aqui dentro né Eh Ou enfim é qualquer

ferramenta que eu quiser colocar aqui dentro do meu eh chatu e eu tenho essa possibilidade eu consigo fazer um embed aqui dentro né incorporar uma outra aplicação aqui dentro como se ficasse uma tela mais unificada Isso é muito bom facilita muito no dia a dia para você não ter que ficar navegando entre as abas aqui dentro né então fica aqui dentro isso é muito legal porém o nosso Type bot ele é bloqueado ele não permite a gente fazer isso tá Por quê Porque questões de segurança né é muito é comum as ferramentas não permitir a

gente fazer incorporações dela né Mas vamos lá vamos pegar ele aqui ó e vou colocar aqui no chatot vou vir em configurações vou vir aqui em integrações e vou vir aqui apps de dashboard e vou colocar o nosso Type bot Vou botar aqui ó Type né só pra gente testar Vou colocar aqui e vou clicar aqui beleza em tese era para funcionar né então se eu vir aqui novamente clicar em Type ele vai carregar não vai porque ele tá bloqueado né E como é que a gente desbloqueia ele Ah então hoje eu vou ensinar para

vocês como é que a gente desbloqueia ele eu tive que mexer em algumas coisas aqui no código dele para que a gente conseguisse fazer isso tá Fique tranquilo só copiar e colar que vai dar tudo certo beleza então vamos lá como é que a gente faz isso eh vou precisar acessar o servidor tá então se você não sabe como é que acessa o servidor lá no vídeo de instalação eu te mostro toda essa parte aqui né eu vou est acessando aqui o meu servidor vou fazer aqui um login aqui ó já tô com o meu

bit vice aqui ó entrei no meu servidor eh vou abrir aqui o meu terminal tá e deixei para vocês aqui embaixo no linkzinho eh um link na página de apoio onde vocês vão poder fazer o download desses arquivos aqui tá Então fique tranquilo não tem pegadinha pode ir lá é totalmente grátis tá justamente para ajudar vocês Beleza então entra lá faz o download tá lembrando né dá aquela força pro canal né a gente deixa aqui meu Pixel aqui embaixo manda aquela H manda aquela aquela pizza aqui pra gente a gente fica muito feliz incentiva a

gente gravar ainda mais preparar mais conteúdos para vocês aí né para vocês usufruir e fazer muito dinheiro né pessoal que eu tenho certeza que esse conteúdo aqui dá dinheiro beleza então vamos lá deixei aqui o tutorial para vocês também ó mastigadinho não tem como errar pessoal é mamão com açúcar se o teu Type bot tá funcionando direitinho vai dar certo Lembrando que o meu Type bot tá nessa versão aqui ó 2.26.1 beleza essa versão aqui tá precisando mexer em mais coisas no código tá então por isso e se você tem versões anteriores Pode ser que

mude um pouquinho o formato Então se atente né ou atualize para essa versão para você tá podendo fazer isso aqui essa questão de versionamento é muito importante para as alterações que a gente vai fazer que a gente mexe ali na parte de autorização essas coisas então tem que ser a versão certinha porque isso muda de versão para versão beleza Então fechou vamos lá vamos aqui é entrar aqui agora no servidor né então vou vir aqui ó o que que ele me quais são os comandos que ele me pede aqui ó Primeiro vou abrir meu terminal

né abrir meu terminal Primeiro Comando que ele me pede é esse aqui ó pm2 Stop out que que isso significa significa que ele vai parar os meus serviços porque o nosso e o nosso Type bot ele tá rodando em pm2 ó parou os serviços então o nosso Type bot agora está offline né porque pra gente poder é trocar qualquer informação dentro do nosso Type bot a gente precisa é parar ele né Não dá para trocar a roda de um carro com ele andando né então a gente tem que parar para poder fazer isso Beleza depois

eu tenho os meus caminhos aqui ó que eu que ele me que eu anotei aqui para vocês pra gente poder alterar as os arquivos né então vou entrar aqui agora no FTP tá que é essa pastinha aqui ó vou abrir ela aqui beleza então tudo que tá à direita aqui ó é o que tá dentro do meu servidor Tá então vamos seguir o nosso rateiro né então vamos lá ó pastinha Type bot vamos agora na pastinha apps né que ele me orienta aqui né então pastinha apps e vamos aqui em builder né E aqui o

que que ele fala institui essa esse arquivo aqui ó next.config.js que é este arquivo aqui tá Como é que eu faço essa alteração muito simples você vai pegar esse arquivo que tá aqui ó na pastinha que eu disponibilizei para vocês arrasta aqui para dentro ó pronto o que que vai acontecer você vai fazer um overwrite então ele vai substituir o atual pelo que eu tô enviando show de bola tá aqui ele pede pra gente alterar um outro arquivo agora qual que é esse aqui ó Então vamos voltar aqui ó a gente vai na verdade a

gente continua aqui né ó a gente vai entrar agora a gente tá em builder a gente vai entrar na pastinha s C tá a gente vai entrar na pastinha pages e vamos entrar na pastinha api e aqui a gente vai ir na pastinha out e Aqui só tem um arquivo pra gente substituir que é o que tá aqui também tá então só vai arrastar e substituir esse arquivo aqui ó pronto ó vai entrar aqui overwrite né para substituir beleza substituiu o que que a gente tem que fazer aqui agora agora pessoal a gente precisa eh

rebuild o nosso Type bot senão ele não vai sofrer as alterações que a gente acabou de eh fazer né Então você vai pegar esse próximo comando aqui ó CD né para entrar na pastinha do Type bot e vai dar o comando para ele fazer o rebuild tá copia cola aqui e executa agora o que que ele vai fazer ele vai começar a rebuild ele vai começar a juntar todas essas informações novamente para colocar numa pastinha para poder disponibilizar para vocês tá lembrando que esse processo aqui ele pode levar bastante tempo tá aqui ele foi mais

rápido mas geralmente ele demora mais beleza então já rebuild vamos aqui com sucesso tá aqui ele foi um pouquinho mais rápido porque eu já tinha rebuild anteriormente né então ele ele já pega um pouco do Cash anterior mas acabei aqui de fazer o build o que que eu vou fazer aqui agora vou dar um pm2 start All aqui ó coloco aqui e dou enter Tá o que que ele fez ele é reativou os nossos serviços né então el levantou novamente a os arquivos de instalação né então já está rodando novamente vamos voltar lá pro nosso

pra nossa telinha aqui né vou dar um refresh aqui para ver se ele tá rodando certinho né Beleza ele tá rodando certinho né só que claro que se eu vim aqui ó e tentar acessar aqui agora vamos ver se ele já liberou ó já liberou pra gente se ele não liberar o que que você faz você pega e dislog e loga novamente tá limpa um Cash do navegador alguma coisa do tipo beleza que às vezes pode acontecer mas aqu ele já logou então agora eu já tenho aqui ó meu Type bot aqui dentro tá lembrando

ele não ele não vai estar reconhecendo o mesmo login do Type do chatot tá pessoal é até porque é um processo Bem mais complicado de a gente fazer isso né é possível com certeza tudo é possível né quando a gente fala de código né Só que nesse formato aqui né agora a gente já pode editar aqui ó o nosso Type bot aqui dentro a gente já pode fazer tudo aqui dentro né Sem precisar ficar navegando entre as telas né ó já posso já tenho aqui o meu fluxo Zinho aqui dentro né então ele já fica

bem mais legal fica mais intuitivo fica mais fácil pro usuário est utilizando só que o primeiro login você vai ter que fazer aquele processo mesmo né Ó vou sair aqui ó só para vocês visualizarem ó vou vir aqui ó e vou entrar novamente ó quando eu acessar né ele vai pedir o login né ele vai mandar aquele linkzinho mágico normal tá é o mesmo processo que acontece com o login externo né ó já mandar o linkzinho aqui para mim eu faço o login ele vai Vai Me direcionar aqui para externamente Claro né eu posso usar

tanto externamente quanto aqui dentro também agora se eu vi aqui ó e e fazer um refresh aqui ele vai carregar aqui novamente ó ó carregou aqui dentro entendeu porque ele pega basicamente o mesmo Cash que a gente já tem no navegador tá pessoal então pode fechar aqui e agora pode usar aqui claro que o typeb ele não deslogar com facilidade tá uma vez que você logou ele fica aí por um bom tempo né é a não ser que você resete alguma coisa do seu navegador né mas ele fica aqui logados ele vai ficar aí quase

que para sempre logado né então por isso que é bem tranquilo de você tá utilizando nesse formato aqui que eu tenho certeza que vai ajudar demais vocês aí lembrando se você quer esse projeto pronto do jeitinho que tá aqui com as suas logomarcas tudo bonitinho pode me chamar no WhatsApp a gente tem um serviço de instalação e personalização para você tá pode me chamar lá que a gente tem esse serviço qualquer outras dúvidas entra aqui a gente tem o grupo do telegram que é focado para isso sempre tô lá respondendo vocês tá Se eu não

puder sempre vai ter algum algum outro aluno também que conhece do assunto e vai est podendo ajudar vocês também tá qualquer coisa só chamar lá o WhatsApp é focado para quem quer fechar negócio tá pessoal dúvidas apenas lá no grupo beleza pessoal aquele abraço e tchau tchau