[ TEMPLATE GRATUITO ] - Como Deixar Seu TYPEBOT Parecido Com O WHATSAPP

fala jovens tudo tranquilo vídeo rápido para te mostrar esse tema aqui do Type bot que tu já deve conhecer se tu já trabalha com type bot mas eu desenvolvi na realidade desenvolvi parte de umas modificações de um tema que já tava circulando gratuitamente aí na internet pelo menos nos grupos aí de Type bot então tem essa versão aqui para WhatsApp tem uma versão também para Instagram se eu não me engano eh um dos um dos programadores aí que trabalhou no layout é o Fernando eu não tô fazendo parte dos grupos inclusive se vocês puderem me

mandar grupos aí de pessoas que que tão criando conteúdo pro Type bot me mandem que eu quero entrar nos grupos eu tava desenvolvendo a minha plataforma via Zap eu tava meio sem tempo de ficar mexendo nos grupos Mas o que eu quero mostrar para vocês aqui é que eu fiz uma modificação nesse tema para trazer ele para uma realidade de algumas pessoas que T mais dificuldade de mexer no código e é o que eu vou te mostrar agora já aqui lembrando que esse tema vai ficar disponível gratuitamente não tem pegadinha não tem linkzinho que abre

1000 janela é não tem que botar e-mail ou nada tá e eu vou deixar o link do grupo eu não sei se dá para deixar na descrição o pessoal tem comentado que links na descrição tem dado uma diminuída no no alcance dos vídeos então talvez eu deixo na descrição ou no primeiro comentário é o link pro nosso grupo de Type bot que vai entrar lá no grupo e na descrição do grupo já vai est o link para te baixar o o arquivo Jon E aí tu vai importar ele para dentro do teu Type bot quando

tu fizer isso quando tu importar ele para dentro do teu Type bot né que tu vai te deparar com uma tela mais ou menos assim tá Então olha só o que que qual é a modificação que eu fiz aqui e que vai ser útil principalmente para quem tem dificuldade de mexer no código é o seguinte esse tema de WhatsApp ele normalmente carrega algumas coisas Ele carrega alguns ícones Então isso acaba deixando o carregamento um pouco mais pesado E além disso o pessoal trabalhou na implementação dele de forma a colocar normalmente aqui ó no Custom CSS

tá então normalmente aqui tem um monte de código percebam que no meu não tenho esse monte de código tá aqui no Custom CSS tá vazio que é para que tu possa usar de outra maneira beleza aqui no Custom CSS vai vir vazio aqui em configurações aqui em metadata também ó lá embaixo pessoal normalmente coloca um monte de código no R do do site vocês vão perceber que o meu também vai estar vazio Beleza então vocês vão ver que isso aqui vai est vazio porque a gente não precisa disso aqui o que eu fiz eu criei

um arquivo JavaScript já incluindo o CSS e o JavaScript e ele é carregado diretamente aqui por isso vocês não podem apagar esses primeiros quatro blocos aqui ó tá esse aqui do Avatar vocês vão fazer o seguinte ó vocês vão se o Type Bot de vocês está configurado certinho Inclusive eu ensino isso no meu curso vocês vão vir aqui vão fazer o upload do Avatar de vocês aqui percebam que esse bloco ele não liga em nada é assim mesmo por que que ele não liga em nada porque a gente só vai usar ele para fazer o

upload aqui então a gente vem aqui seleciona a imagem fez o upload da imagem para cá tu clica de novo em cima dela copia esse link aqui beleza copiou esse link tu vai vir aqui no start em configurações e aí é por isso que tu não precisa mexer lá no código porque tu vai vir aqui em configurações e vai colar o link da tua imagem essa imagem pode estar fora pode estar em um outro servidor em um um WordPress Pode só vai colar o link dela aqui então Ó variável Avatar tá aqui ó variável Avatar

tu vai colar o link aqui beleza variável nome a mesma coisa tu vai colocar o teu nome aqui e depois tu vai deixar o script rodar aqui embaixo tu não precisa mexer em nada porque aqui tá o script que eu criei que carrega tudo de uma vez só dentro do teu tema por isso que o meu depois que a gente faz essas configurações se tu vier já aqui ó em tema ele já aparece isso aqui tu não precisa sair para visualizar a a maioria dos outros temas tu precisaria vir aqui em compartilhar pegar o link

e ir lá olhar nessa tela aqui ó né precisaria vir aqui nessa tela para te conseguir enxergar no caso aí desse meu tu não precisa tu consegue visualizar lá dentro da própria plataforma Beleza então como eu já falei inclusive em outro vídeo é não é uma questão de ser melhor ou pior ou a minha implementação é melhor que a dos outos outros não não tem nada disso tá é somente uma tentativa de facilitar para que mais usuários que não tem experiência consigam fazer essa configuração inha de deixar aqui ó o nome e a imagem bonitinha

aí agora eu vou linkar o resto esse esses blocos aqui tá vão ir para você só para por exemplo vocês depois vão apagar esses aqui ó mensagem áudio de exemplo imagem de exemplo eu vou linkar aqui só para vocês visualizarem ó vou colocar aqui e aí se a gente já vier aqui no tema ele agora já carrega bonitinho ó a imagem aqui digitando gravando áudio fica tudo né conforme ele vai executando aparece aqui e agora sim se a gente publicar isso aqui e a gente for lá deixar pause aqui se a gente for lá em

publicar e a gente for visualizar isso aqui ele também já vai carregar aqui bonitinho ó tá essa é a página que de fato os teus clientes as pessoas que visitarem o teu Type bot vão enxergar essa daqui Tranquilo então como tu percebeu aí Ele carrega automaticamente sem a sem a necessidade de tu mexer em nenhum código então como eu falei eu não sei se essa implementação eh vai ser mais útil ou não de repente Tu já tá com o teu Type bot configurados não vai querer mexer mas tudo que tu precisa fazer é vir aqui

nas configurações e colar a tua imagem né o link da tua imagem por isso eu já deixo isso aqui ó para vocês poderem pegar o link aqui mesmo tá o link da tua imagem e o teu nome e aí ele automaticamente ele já vai carregar o resto todo sem que tu precise colocar nada aqui no C CSS sem que tu precise colocar nada no metadata Igor beleza então como que eu faço para poder e utilizar esse template eu vou disponibilizar o arquivo Jon desse template aqui vou colocar a data e a versão para que a

gente possa trabalhar em melhorias e trazer versões mais novas e tu vai fazer o download como eu já falei dentro do grupo o link do grupo vai est na descrição desse vídeo então tu entra lá no grupo na no na descrição do grupo vai est fixado lá o link tu só vai clicar aí tu vai cair no no meu site e ali no meu site vão ter os linkzin para te fazer o download certo espero que isso aqui seja útil eu tô trabalhando também na implementação já da versão do Instagram Inclusive eu acho que tá

aberto aqui deixa eu ver é ó já tá abertinho aqui lembrando antes que vocês Venham me xingar dizer que esses temas Não são meus Olha só esses temas eles estão disponíveis de forma pública na internet qualquer pessoa consegue ter acesso a esse código baixar e fazer modificações como eu fiz no meu caso eu fiz modificações nos ícones eu prefiro trabalhar com ícones em line e não carregar o CSS dos ícones eu fiz modificações nas funções para que a gente pudesse passar essas variáveis aqui ó variável do Avatar e do nome para dentro do script do

JavaScript sem a necessidade de como já mostrei ali de de colocar lá no Custom CSS no no R do do do sistema Enfim então eu né dei a minha Pitadinha Espero que seja útil se os outros desenvolvedores aí que criaram parte pelo menos do layout também eh quiserem utilizar vai tá disponível gratuitamente para todo mundo baixar e utilizar essa versão mas eu peço que tu entre pro grupo e não saia do grupo porque eu também tenho lá eh uma forma de conversar contigo de disponibilizar Mais Materiais mostrar sempre que tiver atualizações Então sempre que eu

atualizar por exemplo eu já tô pensando aqui que o nesse modelo os linkzin aqui ó da câmera e do telefone Eles não estão configurados e eu vou eu pretendo colocar já nas variáveis essas configurações isso tudo vou disponibilizar dentro do grupo Além disso tem o meu curso de servidores Type bot onde eu ensino a instalar o Type bot Evolution api e também eh disponibilizo de bônus aí para alguns e para alguns usuários a minha plataforma da Via Zap que é uma plataforma que permite que tu Trabalhe com grupos campanhas em grupos vá lotando lá os

grupos ele vai automaticamente colocando o nome eh os administradores manda mensagem em massa para estes grupos então é uma plataforma desenvolvida por mim que se chama via Zap e que eu também disponibilizo para algumas pessoas que fazem o meu curso de servidores e no meu curso de servidores toda essa instalação do Type bot instalação da Evolution é tudo em um painel onde tu instala só com clique Sabe aquela coisa de precisar ficar lá configurando docker docker compose ou instala um Node Node npm aí tem que colocar pm2 não sei o que na forma como eu

ensino lá no meu curso não precisa fazer nada disso tá é é só simplesmente instalar o painel Ah quero instalar Evolution coloca lá Evolution bota ali se tu precisa de alguma variável de ambiente ou não normalmente tu precisa colocar pelo menos lá a tua APK e ele já vai rodar tá não precisa nem entrar Tu vai entrar dentro do do Bash do Servidor uma única vez se tu quiser tá nunca mais vai precisar entrar lá não então isso eu ensino no meu curso para ti saber para ti ter mais detalhes acompanha o grupo do Type

bot que vai est no link e aproveita para baixar esse template também na descrição do grupo o link vai tá lá na descrição do grupo Beleza então forte abraço estamos junto aí até o próximo vídeoo