Live

Live

Live #2 - Boas práticas ao desenvolver páginas com Elementor

G1 E aí nós estamos ao vivo um dois três testando também ouvindo Falem comigo são tá bom a imagem tá boa tem alguém aí ó E aí E aí o show o Olá pessoal sejam muito bem vindos a minha segunda Live aqui no canal Hoje a gente vai falar sobre boas práticas na hora de construir páginas com o elemento flor né claro que eu vou falar aqui se aplica também há outras outras plataformas se você utilizar mas como a gente vai usar o elemento aquinho Então esse vai ser o nosso tema é o que que você queria

falar com vocês aqui antes da gente começar é que antes de começar a desenvolver uma página com elementor a gente precisa primeiro instalar o tema certo é porque o temer influencia muito na responsabilidade ele vai influenciar na na compatibilidade do tema nos nossos vieses em tudo velocidade por formas então o primeiro ponto de boas práticas aqui do nosso do nosso vídeo de hoje é você instalar o tema próprio para o elemento que é o tema hello se você fazer isso caso você não saiba v ocê é quem

aparências Adicionar novo e você vai lá em instalar o Helloween elemento como eu já tenho ele aqui instalada né ele não vai aparecer para mim mas voltam eu utilizo outros temas tem problema depende Você vai precisar testar eu vou mostrar para vocês que eu não sei se ainda assim eles já corrigiram esse esse problema É mas o próprio tema que vem padrão do Word press ele tem uma pequena um compatibilidade com ele Maker e geralmente com você instala hoje pedra nem com esse te ma aqui o atual

Neutron infantil ano nós vamos lá pro elemento agora a fazer Um textinho em salvar rascunho esse tema é o ideal para você trabalhar com ela mentor porque ele foi feito para isso né o não tem uma próprio da empresa do elemento é ele é totalmente compatível então tudo que eles fazem de atualização do Plugin do elemento do elementor pro eles testam nesse tema então eles fazem de acordo com o código desse tema é um código mais enxuto não tem nada uma página em bra nco então se você utilizar outros

temas com elementos você já sai perdendo por aí porque ele pode não ser ele pode ser compatível hoje mas a Saiu uma atualização do tema pode ser incompatível amanhã então se possível os em sempre o tema do Hello esse aqui é o tema do Wordpress o meu colocar aqui no cama e eu não sei se ele ainda tá com esse problema aqui do nosso não tá aparecendo minha tela aqui Desculpa pessoal voltando a e cadê Aqui o meu UBS agora tão vendo né É espertão Vai o Silvio apareceu cedo hoje vamos conversar de

novo tá começando de novo Olá seja muito bem-vindo nessa Live de hoje brincadeira eu tô falando do tema né pra gente escolher o tema a gente vem aqui em aparência em temas vem aqui Adicionar novo busca o Halo theme e fazer instalação dele e provavelmente você vai tá usando esse daqui do WordPress E aí você vai cair nessa telinha aqui tá Cíntia é sensacional cara vamos ser essa mulher aí me fez não seria nada sem ela e aí o que acontece é um problema que eu tenho que é muito comum temas em

Compartilhe o elemento e eu é o primeira coisa que eu testo para ver se eu tenho vai ser compatível ou não é a altura da Linha então por exemplo eu vou adicionar esse texto aqui vou deixar ele maior para ele deixar de maior para ele ficar com várias linhas vocês verem e deixa eu ver se ele tá ajudando tá vendo aqui eu tô ajustando a altura da Linha mas ele não muda então o próprio tema padrão que vem com o olho depressa ele já tem um problema de imcompatibilidade esse daqui é o teste batata se

você fizer não tentarmos da altura da Linha aí você ver que não vai pode ter certeza que vai dar algum problema mais para frente você vai ter uma dificuldade com com esse tema a outro mundo usa esse tema e nunca tive problemas com beleza segue a vida mas é não é recomendado tá o recomendado é que vocês usem sempre o Hello então eu vou mostrar para vocês a diferença aqui no ativar o um hello Ah tá tio Google atual izar deixa o celular rascunho já excluí porque senão ele vai carregar já Antena 1 eu

vou fazer atualização aqui E aí o que estamos com o nosso tema do Hello vou fazer a mesma coisa o adicionei as linhas é só que agora e eu consigo ajustar então ele é totalmente compatível com o elemento né então eu recomendo que você só certeza da altura da Linha Se você usar o tema diferente se tiver indo Beleza Segue o jogo mais se possível troque para o Hello Outro ponto é que está falando de altur a da Linha é um dos melhores boas práticas e você deixar um bom espaçamento da essa altura de

linha né geralmente o tamanho padrão dependendo da fonte que você utilizar pode ficar muito espaçado ou muito sem espaço né então uma Deixa de ser alguma fonte aqui que que não fica legal com a altura da Linha padrão a belas mil não sei eu achei um pouco muito que o espaço que eu costumo lá é 1.31.2 que eu acho um tamanho legal. 4 na massa né outra você vê que o padrão nele já é um pouco m ais largo né os tuneza primeiro. Aqui da boa prática você utilizar o Hello tem uns pro nosso segundo. O que

é você fazer todas as configurações do site aqui no editor do elemento configurações de fontes configurações de cores configurações de estilo de botão de alimento e tudo mais porque isso daqui vão utilizar muito o seu fluxo de trabalho pra quem não sabe do que eu tô falando você vem aqui nesse Hambúrguer né que em cima fica aqui em configurações do site ó e aqui ele vai trazer todas as configurações de todas as páginas que você utilizar dentro do elemento o recomendado é que você altere e

aqui primeiro altere tudo escolher todas as fontes todas as cores já deixa tudo no jeito porque quando você for arrastar o elemento para a tela ele já vai estar praticamente configurados para tem fazer alguns ajustes talvez de cor de Mas até quando você vai ganhar um tempo de produção muito grande então como é que funciona não cores globais Então já tem uma cor Glob al aqui que eu defini vou excluir para vocês verem geralmente vêm Essas aqui que que é a cor Global global é você além de você ter

um atalho na hora de você escolher a a cor do seu elemento ali você também é consegue fazer alterações em todas as páginas que utilizarem e todos elementos que utilizarem essa mesma cor então por exemplo eu coloco um botão aqui no botão verde e aí eu coloco outro botão verdinho baixo outro botão de baixo crie uma nova página com mais três botões todos da mesma cor Global Verde E se eu acordar e falar poxa esse Verde aqui não tá legal o seu quiser fazer um teste e quiser mudar a cor do botão

ao mudar essa cor aqui e vai mudar de todos os elementos ao mesmo tempo como é que funciona isso na prática vou mostrar para vocês em salvar alterações eu pego aqui vou jogar um botão joguei um botão aqui eu tenho um texto beleza botão vou colocar a mesma acordo com o texto o localizam a cor do botão o botão já tá na cor global de assento eu vim aqui em configurações do site o currículo mais quando eu mudar aqui ele vai mudar os dois ao mesmo tempo então isso daqui é muito útil Principalmente

quando você tá fazendo o primeiro protótipo da página você fica mais coisa de identidade visual de cores mas às vezes o cliente não quer a gente não gostou e ele quer que você mude então eu vejo você entrar elemento ele por elemento fazer a troca e você perder um tempo danado você só vem aqui no cor global e você altera de uma só vez seria um tempo danado Qual que é o consumo de você fazer isso se você for exportar essa página para usar em um outro domínio você teria que colocar as mesmas cores

globais que você colocou aqui porque ele vai puxar a configuração de cor global e sempre puxar configuração de cor global que tá lá no site e for diferente daqui ele vai quebrar todo seu layout então eu já peguei muito com isso tá eu sei porque eu já eu já sofri com isso eu exportava página com todas as coisas globais nos elementos Ah e quando eu subir eu não sou assim de nosso site ele subia todos configurados com as coisas que estão aqui então como é que a gente resolve isso no caso

de exportação e você pode exportar o seu site você vai fazer simplesmente isso daqui ó você vai clicar em todos os elementos que estão coisa globais e você vai clicar em cima da cor quando eu ficar em cima da cor acordo Global essa aí aqui ó cliquei pronto não fizemos nada só precisa fazer isso clique em tu do clica na cor tira então cor Global vai te dar um uma velocidade de de trabalho muito grande para nós quando você usar muitas cores né então quero fazer uma alteração rápido o jogo um título

que ele não foi não foi não não tá ainda Beleza jogar um outro botão aqui no ícone é um vídeo não vi não quero programa um ícone aqui em cima peguei o icônico eu vou colocar uma cor rápido vem aqui já tem a lista de cores mudei Beleza então cores globais muito útil para você ganhar agilidade no seu fluxo de trabalho voltar configurações do site outra coisa que é crucial também assuntos globais mas tem um outro ponto antes que eu antes de vir para cá que aqui na tipografia que conforme

for Conforme você ajustar aqui você não vai precisar definir for Global vamos lá aqui tem todas as os tipos de da tipografia que você pode colocar uma tela encontrou H1 H2 H3 tem o texto tenho parágrafo corpo do texto por aqui você já definir as fontes que você vai utilizar E por que que você deve definir por aqui e por dois motivos para colocar aqui trocar pokémons e vai passar eu usei Monserrat nessa hora que eu vou usar Pop E aí eu vou fazer a mesma coisa Posso usar fontes diferentes se eu

quiser mas eu recomendo que você utiliza e uma ou duas fotos no máximo só fritar na performance e na quanto mais som se você colocar na página mais requisições ele vai ter que fazer lá para o Google fãs isso também inclui peso tá então você usar um peso 400 uma fonte é um a requisição Se você usar o peso 500 na mesma fonte São duas requisições então tenta padronizar para você não usar é tanto as fontes assim né usar o mínimo de pontos possível e padronizar os pesos também para que não fique a

gostei aqui nesse parado eu gostei 500 e outro gostei de 400 tem tampa padronizar para você evitar esses problemas então vem aqui e coloca a Poppins e tudo que eu não coloquei eu tô falando falando aqui eu nem sei que vocês estão me ouvindo eu sei que se tives se caído assim que eu ia vir para cá deixa eu ver os comentários como é que está desatualizado para mim jogar no celular Oi boa noite não tá aparecendo sua tela assim Cintia bate na porta da sala dele fui lá gente não eu uso na

emitting Então aí tem que ver né se a gente se ele for incompatível beleza ultimamente mente todo lugar eu só uso Hello É isso aí ou então no caso dois então que a gente tem o tema de blog instalado como Atena por exemplo o ideal é sub que é criar um subdiretório subir passa para que a páginas específicas cara eu prefiro sempre que tem um tema já instalado ou com outras aiss eu prefiro instalar Roms no diretório ou em um subdomínio geralmente subdomínio porque Caio você ficar livre nessa

instalou o seu tema o Hello e aí você faz o quê que você preferir outra então tem um monitor o trabalho que significa bugado quando eu posso Photoshop para o elemento eu vi que não atrapalha tanto fez um negócio que deixou uma experiênc ia boa outra Light Cara não ficou boa para outra laje porque a gente nem estou no trabalho né o outro é bem atípico não são muitas pessoas que têm é o que você tem que fazer é uma imagem muito larga da algum tipo de um padrão de outra Live para ele se adaptar e

brincar ele com os tamanhos da imagem não é o posicionamento dela ou deixar superior Centralizado ou deixar de uma forma que independente da largura do monitor da pessoa a parte central fique fica legal né E só que você vai colocar mais e mais pesada porque é muito maior Então cara eu não recomendo meu eu colocaria o tamanho normal porque a pessoa que tem outra uai se ela já sabe que vai carregar tudo ele geralmente é isso eu tinha outra lá e eu sei então até quando eu desenvolvia eu jogava aqui

no meu na tela do notebook porque ela é full HD Então eu só olhava por ali eu construir aqui com a tela um pouco minimizada né não tamanho the full HD e mandava embora eu vou tango.lu e aqui na tipografia ou defi nir tudo Poppins né Poppins Poppins Poppins que acontece quando você jogar um elemento deixa eu salvar aqui naquele não atualizou ali vou voltar para o editor e quando voltar para cá ele puxou a rebote tô deixar de Fogo a cada de Fogo E aí é Tem um baú aqui pronto já tá própria quando

ele vem não é o ponto de folga agora agora não sei se eu mudei aqui eu tava doida Então essa é a própria tipografia botões um pouco mais não é deve tá puxando da fonte global ou por pop ainda aqui tam bém só para garantir E aí é só que você vai fazer uma vez só tá porque eu vou na primeira página que você fizer Então você já com já configura tudo porque na hora que você for utilizar o meu outro nossa página ele já já vai puxar tudo a beleza agora tem uns copos e agora o que que você faz qualquer

elemento que eu for utilizar de texto ele já vai puxar na fonte certa então se for jogar aqui um título o João título ele Já puxou na Poppins senhor jogar um outro texto ele já puxando a f onte certa então você já ganha um tempo aqui também tem que fazer só uma tipografia não é o ideal é que você faça em tudo então eu vou construir um botão eu já vou personalizar esse botão deixa eu jogar um botão aqui é para gente ir e jogar tudo né jogar um botão as suas conhecer vídeo aqui que ele

tá atrapalhando deixa eu colocar o espaçamento superior a e a sessão pela ficar centralizada bunitin a beleza é eu já tenho um botão aqui né já tinha você foi que eu coloquei e u tenho um botão aí também vou colocar um formulário para vocês verem a Beleza vou lá configurações do site e daqui eu já vou deixar o meu botão do jeito que eu quero que ele fique a página toda ou o site inteiro nem tão ao gosto de usar o botão e é que ele não vai puxar para logo que ainda né e deixar o botão aqui

enquanto terça eu vou deixar Branca eu gosto de deixar um pezinho 20 geralmente colocar aqui 80 aqui 80 a beleza vou colocar a fonte qualquer tipografia sempre maiú sculo transformação maiúsculo e não é Delta você pode editar em colocar tudo maiúsculo mesmo na hora de digitar porque ele não puxa um mais uma linha de código né um dia de transformação do texto quero um Rover tá que eu tô vermelho vou colocar um vou ver é e coloca branco mesmo e aqui eu vou colocar um pouquinho mais escuro

Então beleza eu tenho aqui um tipo de Botão ou salvar Oi Total editor e não voltou que não ficou vermelho porque eu definir a cor eu tirei a cor Global né e definir a cor se ele tivesse na flor na cor é a cor padrão ele ele deveria puxar não deixou jogar aqui no botão ele não puxou é porque porque ele tá puxando a cor de assento né Por padrão o botão para puxar uma cor de assento eu não deveria é mas a gente muda não tem problema a Global não vou para cama mas não é certo tá não sei porque deu

isso e definir a cor aqui e quem sabe faz ao vivo né o show insulina ajuda a chover né E aí e eu te prometo só configure as opções com sílab as tem que dar certo tem que usar confirmar todos é porque geralmente eu puxa da fonte Global mesmo só que vai ser útil quando você configurar pela tipografia quando você fizer os ajustes no texto do direto nas configurações de parágrafo você vier por aqui sabe você vem aqui ó e você mudou dessa forma aqui aí ele vai ele já puxa de lá também mas você não

utilizado assim nessas configurações e utilizar só pelo tamanho de fonte normal não tem problema a última página que você fez on ey Araújo assistir pelo trabalho de uma ficou bugada não há então é porque eu coloquei preenchimento completo né então ele ele dá um ajuste e como o fundo da página escrito deve ter dado uma arma disfarçada eles exames que você vai utilizar mais uma vez na página e também agilidade na criação que aconteceu com vocês de um formulário que é para mandar elas enfrentam

e-mail no site funcionar mas depois ele acaba tu não envia mais assim fosse por e-mail o cara já mas aí era um probl ema de ismt.pt sou seu utilizar um pulinho chamar WPS MTP ele costuma ele costuma corrigir esse problema do Wordpress Ah então beleza é que eu nem eu ficar puxando assunto com o baú aqui então tá tudo certo eu vou deixar ele em frente desse jeito Vocês entenderam É como é que funciona aqui essa parte para conseguir configurações do site tão boas práticas definir Tem tudo aqui

definir as configurações de formulário definir aquele das consequências do site né Colocar descrição log o fale com você consegue fazer isso por depressa também aqui no layout eu costumo deixar 1280 porque o tamanho que eu gosto de utilizar ele pega uma boa parte da tela ele funciona bem com diversas resoluções eu deixo sempre me 280 dissipação mentiu Eu deixo o padrão de 20 mesmo aqui é configurações o lightbox quando você for utilizar Abrir algum vídeo algum elemento que usa lightbox você

consegue mudar a cor de fundo mudar essas coisinhas aqui ó Eu não costumo mexer e vocês pers onalizado também não que ele aplica no site inteiro e configurações adicionais então configurações do site é isso daqui deixa eu abrir a minha colinha beleza outra boa prática aqui na hora de construir páginas com elementor WordPress em geral que você não utilizar muitos plugins Porque fala para mim que você adiciona ele vai ser carregado junto com a página sendo utilizado nela ou não então você tiver

aqui com o ativo ele vai carregar e vai prejudicar sua performance então evite u sar o máximo que você puder coloque somente os essenciais tem que fazer tudo sem addons né o eu coloco o rappi elementor aqui porque eu uso o Grid né que nem eu mostrei pra vocês na primeira Live se vocês não assistiram e mas eu e os ativo todas as configurações dele você vê aqui em aqui elemento em wiltz eu desafio é aquele ele no Zap agora eu não Salvei a última Live dos achei só aqui sem descer mas eu costumo

satva tudo no site que eu utilizo e aqui no features eu deixo só o o rapper Leal di rapper link Ele é bem legal que você consegue fazer o blog de lançamento com ele essa função para mostrar para vocês e já fica uma dica aí a gente atualizar e o celular até a página aqui aqui na o Grid a gente falou na última aula eu consigo definir um Grid com rap com o rappi Adams eu deixei ele aqui aqui no Max White tem que colocar na mesma configurações que você deixou lá no site naquele ficar alinhado

bonitinho não coloco 1280 aqui que você define a cor e a lém disso no rap rap Adams você consegue fazer o rapper link here link vamos supor que você tem lá o seu blog de lançamento Ah tá quem sabe que blog lançamentos são aquele aquele saco ali site onde ficam os vídeos do lançamento é do evento estão aula 1 aula 2 Aula 3 aula 4 e a pessoa assistir às aulas por lá então geralmente você tem um blog de lançamento que você vai ter Vou colocar aqui duplicar sessão você vai ter um vídeo você tem um

vídeo aqui e aí dentro desse desse desse men inozinho de navegação né você costuma ter uma imagem de que a tampa vizinha é do vídeo ou especial lá um E aí você tem o o título da aula geralmente o que vou assistir agora alguma coisa assim se eu tirar holerite para vocês ver bom então aqui eu tenho um menuzinho de navegação deixar minha página preta eu gosto de preto só na pagina feita dá para ver melhor né e por isso aqui então o suporte daqui é um menuzinho de blog de lançamento então eu vou ter

o dar aula 1 e deixar um cinza E u tenho um da aula 2 Aula 3 aula 4 tá eu não vou ajustar direitinho só para você pegar minha ideia tá então aqui eu vou deixar 11 10 olá olá olá tudo aqui a gente eu acabei só abrir um parêntese estava isso aqui que eu fiz e copiar e colar estilo eu juro para vocês eu demorei eu acho que uns oito meses depois que eu comecei a utilizar o elemento para descobrir isso daqui porque eu vou te dizer que um elemento quando eu comecei a mexer eu comecei a forçar sozinho

não lhe curso um víd eo não vi nada só forcei e eu comecei a descobrir as funções e aí cara que que eu fazia não precisava alterar alguma coisa para fazer todas as configurações aplicavam elemento no elemento que tava aqui fazendo tudo de novo porque a gente estava todos para alterar texto era um parto eu não duplicável também eu não fazia isso então depois que eu descobri esse colar estilo minha vida mudou eu nenhuma produtividade ferrada então dica para quem não sabe como eu não sabia no começo

você cop iar um elemento e clicar com o direito em colar estilo ele vai com copiar as mesmas configurações para o outro elemento e tem mais alguém que não sabia disso era só eu depois me conta é o mesmo que você pele é isso aí entra e aí que dia você vai para a gente faz é se você não tiver um o elemento ele não tem uma função para você colocar o para você colocar o mercado não tá aparecendo apareceu para você colocar o link uma coluna ou uma sessão toda então quê que você teria que fazer aqui
para um blog lançamentos teve uma imagem colocar um link aqui URL personalizado vou colocar no texto também E aí a pessoa tem que ficar direto no miniatura ou no vídeo em algum botãozinho que você colocar essa aqui com hiperlink você clica aqui e adicionar essa função aqui ó então só colocar um https: da Barra burro como eu vou deixar normal eu atualizar em qualquer lugar que eu clicar dessa seção ele habilita Olimpo bom então para o blog de lançamento esse hyperlink que é fundamental Eu

recomendo que vocês usa então o rappi alimento eu uso para essas duas coisas tá é por isso que eu adiciono um pudim de Evans outro link ou seja de vez em quando é o sente o Edson que eu gosto de da sanfoninha deles acordeon é mas Travis super dispensável você nem precisa dele então por isso que eu costumo utilizar que são bem poucos não passam de sete oito então se você puder que tem uma tela de pudins é um cinto de utilidades de problemas enxuto né use o mínimo possível para voc ê não

prejudicar a sua performance para quem te falou de Lídia aqui não falar de alinhamento né boas práticas de de alinhamento que a gente precisa pensar aqui né se você for seguir um tipo de alinhamento no seu site o ideal é que você siga ele é até o final é que você repita esse esse tipo de alinhamento na maior na maior parte de sessões possíveis então foi simplificar para vocês aqui e aqui ele não está alinhado Tá vendo porque que ele não tá ligado E aí se não tivesse e stá puxando aqui

ó configurações certinha tá provavelmente as configurações aqui de Margem e pede um E aí puxou ele tava ajustando ali beleza e aqui se acostumar se você tirar tudo ele costuma ajudar a gostar direitinho aqui uma coisa que eu não mostrei configurações do site Oi Jaqueline preferências do usuário que você pode diminuir ou aumentar a largura do painel então eu costumo utilizar e tem mais ou menos nos 270 tá eu costumo utilizar ele nesse tamanho aqui mas aí você para você utiliza

Conforme você preferir tem gente que gosta de deixar de maior menor Então se utilizamos aí de 70 para mim tá ótimo beleza voltando tô aqui a gente tem um alinhamento sou eu o Grid ele serve para guiar a gente vai deixar todos Inmetro então se eu tô começando com um vídeo eu tô terminando ele aqui por exemplo Quando eu colocar um texto aqui embaixo me dela que ele termina aqui deixa eu diminuir mudar o tamanho aqui para vocês verem como aumentar o tamanho também aqui que ele tem ele tem um

espacinho cara não tem problema tem esse espacinho mas se você deixar ele do jeito que ele tava assim tende a ficar melhor para os olhos é para o visual da paz então tente manter esses alimentos em bloco e o Grid é muito útil para isso você tá vendo aqui ó eu tenho um vídeo aqui ele tá dando espaçamento certinho de 20 aqui então para essa sessão eu posso dar uma margem aqui para esquerda para vender consertar são pequenos detalhes q ue você faz na página Vamos fazer Total diferença aqui em

alinhamento E aí ele serve para tudo Tá então vamos supor para texto caminhamento não é só com o Grid e nas boas práticas o elemento o ideal é que você centraliza que somente parágrafos grandes sempre à esquerda porque é como a gente enxerga ela tá mas a leitura da esquerda para direita então quando o nosso olho procura um texto ele procura sempre uma linha reta Então eu tô lendo aqui João aumentar que Loren Y vou coloca r um texto maior então só tem um texto assim e na hora de ler fica muito

mais fácil quando eu sei o ponto de partida dele eu sei que ele vai começar nessa linha aqui na esquerda eu venho quando eu termino para cá meu olho já volta para cá se eu uso Centralizado eu começo aqui eu venho para cá mas depois eu tenho que vir para cá se eu tivesse um parágrafo maior Olá tudo bem ter você pode se tivesse uma palavra todos os celulares assim tá vendo a confusão que é geralmente ficam depe ndendo do tamanho da palavra fica fica um funil diferente e aí quando você vai ler é

muito ruim dele então vou mostrar pra vocês a diferença de um desse aqui que eu dei internar ele vai pagar tudo mesmo assim ainda mais fácil de ler um texto alinhado à esquerda Então você mente o parágrafos longos usem sempre o texto alinhado à esquerda na dúvida use não tem erro se o serve para tudo tá você for usar um ícone aqui em cima mas eu gosto mais do ícone na direita no Centralizado para cá cara usando esquerda vai por mim que vai ficar mais bonito no final vai ficar mais harmônico

Outro. Se você utiliza em uma determinada aula terminado ícone um determinado alinhamento de silicone você tem que manter o padrão para o resto dos ícones começar do zero vou adicionar aqui em algumas seções o show botão espaçamento aqui em cima e eu não vou por 300 300 beleza e nos montar aqui um o box colocar o texto vou deixar Centralizado para a esquerda como aumentar um pouquinho da mãe e aqui e deixar 300 que eu vou diminuir o tamanho um pouquinho Olá turminha margem beleza G1 E se eu

deixar um elemento sim E aí o que Ele cagou meu alimentar o tic se eu deixo um elemento assim toda aliado para a esquerda ou assim como é que eu mandei para vocês que eu só muda a cor aqui para vocês verem melhor sessão o último elemento assim não espaçamento maior aqui também 10 tirar esse a mente que ele tá ferrado minha vida Ah beleza eu tenho aqui uma caixinha né deixar Douradinha beleza aqui se você deixar tudo esquerda nesse aqui deixar o ícone à esquerda você pode deixar ele assim também

mas você já vê que já fica não fica ficar simétrico né já tira um pouquinho da simetria se eu deixo o texto aqui ainda assim ficasse médico aí você resolveu fazer isso aqui não tem problema cara não tem mas não é o ideal Tá eu já usei muitas páginas assentado que nem eu uso e não tem problema você utilizar mas não é recomendado para os habilidade para todas essa s questões de usar interface não é o ideal é que você e alinhar a esquerda Então beleza eu fiz esse alinhamento se eu fizer um outro

uma outra coluna eu preciso manter o mesmo padrão e não faz sentido algum e eu já vi muita página sim tá a pessoa ajusta o elemento de acordo com o parágrafo que tem aqui ou hoje acordo com o ícone então se eu fiz de uma forma aqui quando eu fizer aqui eu vou ter que fazer a mesma forma e deixa tudo Centralizado na mesma fonte não vai deixar assim nã o vai inventar moda então um dos princípios do Design a repetição né então se você repete é um mesmo elemento a mesma forma mesmo layout que você

utilizou em uma um determinado tipo de alimento você tem que repetir os outros seu serve para o ícone então eu vejo muita página assim o cara vem aqui no nos ícones do elemento ele pesquisa deixa eu ver algum emoji deve ter o molho aqui tiver desmaio então aqui no primeiro ele usa o Emoji assim aí no segundo ele fala assim cara eu quero u m emoji piscando bom então eu vou eu vou lá só que aqui vamos supor que eu não tivesse esse emoji piscando vazado e ele acha o Emoji assim preenchido errado não

é recomendado porque cara você tira o padrão total da página se você vai utilizar um ícone vazado aqui você vai ter que usar o ícone vazado em todos se não tiver cara sobe um svg faz um busca no Filler Eye com o no Federal e com qualquer coisa ai com Mas tente manter o padrão dos ícones que você vai colocar padrão é muito impo rtante é lenço isso repetição padrão consistência sempre que você for montar sua página tem em mente essas três coisas padrão repetição e consistência mantenham sempre a

mesma coisa beleza aqui repetição é Ingrid ícone tranquilo Vamo pro próximo ponto que é espaçamento entre as sessões vou fazer uma folga para os comentários aqui ó E aí eu descobri isso na sua última Live muito bom meu filho que você tá falando vai Tão junto para ser sofrimento no começo também cara é comp licado essa não entendi você vai fazendo e você vai aprendendo né mas é bom eu gosto de aprender fuçando eu aprendo muito mais ou menos memorizo muito mais o que quando eu assisto

algum curso o que sinto falta de selecionar vários elementos com um chifre de uma só vez sabem se é possível rapaz a gente seria um sonho eu acho que não é tá se fosse é que é porque aí você tem o elemento da sessão né se você quer selecionar várias você só na seção inteira não sei que seja um elemento de sensações diferentes aí Que eu saiba não tem mais talvez haja algum plugin consiga fazer isso e onde é que você usar o fluxo polimento a pena não vai querer ficar sem cara muito usei e não sei

nem que ele faz mas vale o teste essa parte do rápido Tem como eu fazer para o vídeo depois alterar para o principal e não entende a sanfona do a é muito narrativo é muito Nativa do elemento é muito diferente então ele eu gosto do estilo dele ele tem um Rover muito legal o estilo de abrir te m umas opções assim não muda muito não muda muita coisa mas ele tem umas opções a mais Até onde eu sei é que é pra se ou esse ou aí o crawler do Google não vai para realizar em cada uma funcionalidade do seu

site por em casa você já não fala um link é isso aí e ele Até onde eu sei também ele é um nome dele indexa né o robozinho do Google e outros buscadores não não acham Ele usou não falou que aí é para a questão de Mayo Clinic né É se o número nada a gente Tô boiando aí então beleza vamo lá tão falar sobre isso para saber de extensão que é um erro que eu vejo muito onde eu abrir uma caixinha lá no meus Stories para vocês mandarem os sites de vocês e o que eu vi de site que te fazia esse erro aqui

não tava escrito Então vou duplicar minha sessão aqui vamos supor que segundo as seções diferentes de sites ó e aqui eu tenho uns colocar outra cor para vocês vocês não entenderem melhor mas eu tenho duas sessões aqui que eu costumo utilizar o espaçamento superior nem inferior de 80 esse a 50 também o que eu vejo muita gente fazer é isso daqui ó bom mas é muita muita muita gente G3 gigantes que faturam milhões dos pequenos é isso daqui ou até menos né então uns 10 aqui E aí você percebe como

minha tela ficou poluída E como tem informação aqui é tudo bem que a gente tá usando um exemplo e são diversos elementos repetidos é tudo a mesma coisa mas isso complica muito a leitura da pessoa para entender o que tá na tela quer um exemplo a eu cai isso daqui é um layout muito bem feito Ele é separado por cor Mas ele tem muita informação porque que eu não posso fazer a mesma coisa em Além de inglês Você pode falar alto mas ela um ponto com eles assim que funciona tá no Portal de Notícias é um

exemplo totalmente bizarro para vocês entenderem mesmo que é que tem muita informação na tela mas aqui é o objetivo deles é clique então não importa onde você clicar você clicando Tá ótimo então eles vão ganhar com anúncio para tudo certo na al ém de entende a gente tem uma ação geralmente né Você precisa ter uma ação geralmente olhar conversão ou é a venda ou eh eh copo capital lide Então você tem que direcionar o seu líder da melhor forma possível para essa ação porque eu tô falando isso quando

você tem muitos elementos aqui você distrai o like ele não sabe para onde ir Olha se eu vejo uma tela assim já me desanima de ler na hora então espaçamento é muito importante eu costumo deixar 8 é linda a sessão deixo mais deixou 12 0 depende muito dos elementos dela não é do fundo do que tem por que que você faz isso você departamentaliza né você faz um compartimentos diferentes que Vai facilitar muito a leitura e vai você vai guiar o o a pessoa usuário para ele prestar atenção em coisas

diferentes você direciona o foco dele porque você quer para fazer isso com corpo pode fazer isso com o tamanho aí ela tem A Hierarquia na questão de contrário mas isso daí é para outra hora então o espaçamento e é fundam ental é uma boa prática assim é crucial que quem não faz tá perdendo aprendi dinheiro para falar a verdade você tá deixando de vender apresentando de Capitalismo Equador isso que você deixar todas as informações é tudo ali não tem problema você deixar muitos elementos assim cara

é tá separado são sessões diferentes mas deixa um espaçamento de sente-se serve e serve para para e para sessões serve para elementos também então por exemplo se a pessoa vir aqui e deixar Olá tudo assim ó co ladinho que eu vejo bastante também tá vendo como fica não fica legal então sempre deixar respirar né a regra do respiro é fundamental design então dá um espaçamento a morte tanto assim também mas nós curso muito legal para tanto nas sessões no entre os os elementos também para você ter

um direcionamento melhor o seu like e isso serve também teve o outro erro de espaçamento que as pessoas cometem bastante gente abre uma nova sessão que em sessões com dabliu não sei porque você te m aqui aí eu tenho a foto do Especialista aqui e aqui eu tenho tenho o nome dele e em baixo eu tenho o texto e é que a textinho beleza aqui o ideal é que você dê mais espaço Aqui também tá muito colada que com esse esse placeholder aqui você até pode ser que que não veja isso só que fica muito melhor se

você fizer isso aqui Ah pois entanto é mesmo 30 e me dá um e aqui tem aqui um pouco texto tá Se você tiver muito texto um um elemento você vai ver uma diferença maior bom então aqui é como tá como como tava o tranco muito muito colada então respiro nem nem de respiro boa prática do elemento também falou me respiram em imagem né isso eu já falei a última hora mas eu vou falar de novo porque eu acho eu acho que é eu fiz os únicos casos que faz isso que eu conheço assim e é o pessoal até estranha

quando me ver desenvolvendo uma página quando eu falo que faz assim mas é a maneira que eu mais me adapto para quem não sabe por quê Tá tá vendo essa aula primeira vez eu n ão faço o layout das minhas páginas em Adobe Flex de firma em Photoshop anos eu costumo fazer não elemento ou iframe e depois eu vou para o Photoshop por quê e eu tomava eu levar um tempo para fazer as páginas não exigir e Depois jogava no criação Photoshop levo naquele dia depois subir um elemento um dia eu precisei fazer

direto no elemento porque eu tenho um prazo para entregar a meta de lá ele tava no pescoço e eu precisei fazer direto depois que eu fiz eu percebi uma coisa qua se tudo que eu tenho ali naquele dia em questão de design eu tenho aqui um elemento E aí eu resolvi a partir daquele dia fazer sempre aqui pelo elemento direto então eu costumo todo o meu meu enfim dessa forma que eu tô fazendo pra vocês joga imagem aqui eu acho que essa imagem coloca o texto coloco o parágrafo vou montando tudo bonitinho

assim dessa forma que cês tão vendo aqui Loren y e vou fazendo assim eu monto tudo aí frente depois eu jogo no Photoshop qual que é a boa prática eu quero falar aqui subir as imagens do tamanho correto né a gente abordou isso na na última Live mas para quem não viu o que que eu faço eu pinto a tela o print tamanho a sessão Preto tamanho da imagem do placeholder para eu jogar lá no photoshop e aí então Aí sim eu construí a imagem no tamanho certo como é que eu faço isso eu tô aqui eu tenho um

elemento da sessão autopulente só para fazer um fundo eu aperto Windows shift s no Mac eu não sei qual é o atalho para você pintar porqu e eu sou pobre eu não tenho um Macbook E aí eu selecione essa área tudo aqui então eu vou selecionar aqui não tá Full Screen Mas não tem problema o que eu quero é saber a altura porque a largura eu vou usar sempre 1920 ouvir aqui Photoshop ouvirem novo documento ele já vai puxar altura certinha que eu selecionei ali só vem aqui em largura bota 1920 crio Só para

confirmar eu posso colar aqui ó ele vai tá do tamanho certinho e aí manda bala né começa a construir a minha imagem aqui a m esma coisa eu vou fazer para para as imagens Curte lá na página Então vamos voltar lá para elemento um supor que aqui eu fosse colocar um pequeno banner E aí e foi Vou colocar aqui um uma imagem né uma miniatura seja sei lá suas mãos um um alguma coisa diferente assim para para a página de captura E aí e aqui eu tenho imagem de especialista para eu subir essa imagem

especialista que que eu faço para criar eu venho aqui 30 que o placeholder selecione o tamanho que eu quero mais ou menos que a gente fique só alto vou lá no Photoshop novo Arquivo ele vai puxar certinho as configurações eu crio E aí eu pego a foto do Especialista jogo aqui e sal na hora de subir para o elemento ele vai dar o tamanho certinho essa isso aqui é importante por dois motivos né primeiro a quando você faz você sobre uma imagem maior ou menor é só subir maior e colocar aqui e vier para

cá e ajustar por aqui Ah tá fazendo cagada na performance está subindo uma imagem maior do que ela p oderia aquela deveria ser mais pesada isso vai prejudicar o carregamento do seu site se você subir menor vou fazer vou subir uma imagem desse tamanho aqui só que eu preciso que ela seja desse tamanho nesse processo de ia largar ela perdeu qualidade então eu faço isso com print print screen salvou minha vida para eu subir as imagens do tamanho certo então você ganha eu não sei se eu não sei se

alguém mais faz assim mas alguém um tempo de produção muito grande Eu Não Tenho dificuld ades em montar o airfree aqui pelo photoshop e eu acho uma boa prática a gente que prefere montar na que digitar tudo bem Não não estou questionando ninguém tá Eu só acho mais rápido mais simples ganham ganha muito tempo de produção e melhora o seu workflow aí aqui se fosse fazer a mesma coisa fez uma coisa 30 tela o jogo lá no Photoshop files New pega o tamanho certinho Crio e aí construo a minha imagem para

cá G1 e assim mais uma coisa que espera então um elemento diminuição semente s as sessões Toda hora ela arrumar achando que tinha um bom elemento ela tem frescura é um bang-bang da da bios né é o bichinho ignorante operar no sistema o cara é complicado tem eu tenho alguns Expert que vir aqui acesso um que já me dá uma senha do WordPress para construir né então ele tem acesso e eles fazem isso também muda quer mandar texto bagunça tudo é normal assim é a imagem da marca dele né então no site é

dele ele faz o que ele quiser mas é complicado também consegue g erenciar E aí vamos fazer manutenção e lhe tirar do sério mesmo beleza então falamos aqui de subir as imagens também é certo que eu vou falar agora de ouro horizontalizar com os elementos que eu vejo as pessoas fazendo e para o mobile tá tudo bem tá por mobile mas ainda assim dá para fazer é as pessoas Elas costumam deixar a página muito verticalizada muito verticalizada quando elas poderiam deixar mais elementos

horizontalizadas numa sessão só faltam que você tá f alando exemplo você foi lá vai fazer um a receber uma copy da agência do Expert para quem você trabalha aí você vai lá construir na Coop as pessoas costumam utilizar muito bullet-points deixa eu pegar aqui o Oi Giovani pessoas costumam utilizar muito isso E aí E aí e não é o ícone que eu quero é o texto Ah beleza estou centralizar que vocês é melhor mas nunca centraliza em isso tá esse elemento aqui de lista como você é quando você usa assim

Olha vai quebrar tudo nunca centralizei esse elemento vocês precisarem deixarem mais Centralizado na página vocês usam ser vem aqui pelo margem tá deixa um margem assim na direita e na esquerda para ele ficar no tamanho certinho mas voltamos é nas cópias eu pego muitos daqui porque bullet-point converte né na Copa quando você lista motivos né as pessoas tem nenhum Ale E aí o que as pessoas fazem Elas costumam fazer geralmente isso daqui é primeira sessão assim segunda sessão assim ou com ou sem

bônus points mas muito verti calizado o que que é uma boa prática é você tem um equilíbrio na sessão né então de duas de duas uma se você bota um um bolo de pote aqui na uma sessão de tirar esse bico e está atendimento seu batom um check list Bob Esponja na sessão e tenta compensar com outro elemento visual do outro lado tá ser uma foto no Cap senhor inverter para ficar o melhor então tenta sempre sempre deixar balanceado as suas sessões só se usa se você deixa tudo muito Centralizado E não

coloca nada só o texto texto texto texto texto é mais difícil converter então a não ser que seja uma carta de vendas mesmo né que é aquele modelo que a pessoa tem que ler tudo né só texto e não tem problema mesmo assim dá para você colocar elementos visuais Se você deixar dessa forma aqui E aí você já que eu crio um balanceamento e você tira tanto foco desse desse check list né deixa eu mostrar página que eu fiz por um homem recentemente é comunidade contou assim Araújo e com ponto br/máquina e

aqui tem um um exemplo do que eu fiz um tu vem aqui e eu tenho aqui um elemento de check-list mas é horizontalizar Ei a sessão lá eu tenho aqui um elemento complementar que equilibra a sessão eu não tô deixando ela centralizada eu não tô diz compensando de um lado para o outro eu tenho equilibrio no outono o rapaz já ficou legal aqui é a mesma coisa você tá vendo que ele mandou a cop eu tinha dois Boys põem seguidos sem aqui na seção combater depois aqui com concessão pública depois aqui que que

eu fiz eu tenho um elemento aqui na direita aqui o jogo para esquerda então tem uma imagem aqui eu já vou para cá eu já queria um balanceamento eu não deixo tudo de um lado só pode deixar não tem problema para você que é um alinhamento fica legal também mas eu gosto de fazer esse balanceamento que aqui eu mudei o leite pões o estilo eu poderia deixar ele mais verticalizado mas eu criei um elemento a mais aqui onde eles vão fazer outro exemplo 1 E se eu tenho aqui bola depois que você pod e fazer

aqui você pode fazer alguma a gente fez naquela outra sessão vejo você colocar como banho dispões você pode colocar dessa forma aqui eu vou excluir e vai colocar dessa forma aqui então você pega os elementos que tá colocando lá coloca um ícone Oi e aí você vem e coloca o texto que tá lá do naquela lista o cara fica ótimo que você varia Oi linda você precisa ter repetição na página é mais repetição de padrão de elemento de cores de alinhamento é não de elementos iguais não é d o texto é tudo

correspondência tudo é tudo da mesma forma o que você puder horizontalizar para compartimentar né A Ascensão a sessão e deixar os elementos mais próximos um do outro né É melhor tá então você pegar muito a lista assim tenta mudar não Deixa só dessa dessa forma não se for deixar não deixa só texto coloca um elemento do lado não é para você dar essa balanceada e tem mais harmonia na sua página a horizontalização esses próximo. Blocos grandes de texto entre um pouqui nho aqui no que eu falei que do

check list uma coisa que eu vejo muito são sessões a senha e são sessões assim é dessa forma que tá aqui e assim vai a soltar vai ficar assim não tô arrumar só tô fazendo esse parágrafo aqui em cima a beleza aqui é um pato tô aqui ainda não tão parágrafo tão grande Tá mas imagina esse parágrafo vezes três tá E aí isso daqui quando você joga numa além de um peixe Primeiro vai com suas boas práticas de design porque você deve evitar linhas muito longas é só não me engano uma desktop a recomendação

é que você deixe 60 caracteres por linha no máximo porque a um movimento que a pessoa faz com o olho é muito grande quanto maior for a tela dele Pior né então que que a gente faz aqui como você adiciona é só uma coluna ou adiciona margem nesse elemento né para ele quebrar e fazer linha menor ou você faz aquilo que eu mostrei no exemplo do check list você é que libra com algumas elemento aqui do lado tá eu fiz aqui esse texto aqui ia ficar m uito grande em uma sessão só mas aí você já tem que

quebrar ou dividido em seções saber brincar com isso mas nunca faça isso daqui quem tá no canal deixa um bloco de texto assim acaba que ninguém vai ler cara página de vendas A não ser que seja uma carteirinha de novo existem modelos para isso mesmo assim você poderia usar aqui uma sessão com uma largura menor para evitar esse desconforto então deixar mais ou menos assim se for utilizar uma página de vendas porque fica muito melh or para ler dessa forma aqui do que ele é assim tá então quando

fizer blocos de textos muito grandes compacta e é vamos lá para o mobile uma coisa que eu vejo muito no mobile vou usar com usar com esse elemento aqui mesmo e vou usar também outra sessão como mobile com imagem de exemplo a a produção 155 Oi vocês estão vivos aí e se você pobre o seu mendigo pobre cana a inspiração muito rico saúde Oi vocês estão vocês estão dormindo aí nos comentários cara fala aí comigo acorda Ent ão beleza pro mobile e vai estar todo carregado porque eu não gostei o que eu

acho que não vai ficar legal porque tem os elementos mas eu vou mostrar mesmo assim tá é o que que é uma boa uma boa prática aqui para mobile Lembrando aqui eu coloco uma 431 porque a largura do meu celular eu tenho um iPhone 11 então você ajusta o tamanho do seu não iPhone é um pouquinho maior e aí que que eu costumo fazer aqui tá vendo que no celular cara tu tá fazendo esse movimento aqui é muita inform ação verticalizada né E às vezes o cara Nem chega no final da página no botão sou uma página

de vendas por exemplo Então o que eu costumo fazer e quando quando tá quando cabe faça isso também Horizon Horizon Talise dos elementos no mobile então você vem aqui ficar na coluna largura da coluna você dá 50 por cento então eu tenho um bloco de informação que ele tá próximo do outro tão repetidos né eles são similares e ao mesmo tempo eu consigo mostrar para o meu usuário todos os homens qu e eu quero que ele veja nessa seção tem que ele precisa ficar rolando então é eu vejo muita gente que

não faz essa forma né faz tudo tudo assim e às vezes são elementos que dariam que cabe cabelinho essa forma é deixou mostrar a vocês que dá ia fazer com o próprio imagens né Eu gosto de fazer aqueles banners assistiram Netflix né nas páginas e no mobile dá para você brincar com eles assim né você vem aqui mesma coisa em cinquenta por cento o e colocar um logo lá do outro você não p recisa fazer dessa forma aqui a não ser que você tenha texto e seja seja necessário mas concorda comigo aqui e é

muito melhor para o usuário quando ele pega sei lá um uma seção de depoimentos que não estejam em Carrossel agrupamento não dá para ler mas é ícones naquele aquele exemplo mesmo e aí ele consegue ver melhor a muita visualização você não deixa a página muito extensa não se deixa dessa forma a outra eu tenho três como é que você faz cara aí é chato para caramba né eu tent o deixar em um número par Mas eu prefiro deixar assim ou então eu deixo em sem e mesmo na margem para brincar com ele aqui o Léo

deixou um sem sem cara eu deixo do mesmo tamanho para tentar equilibrar mas geralmente eu deixo alinhada à esquerda mesmo com cinquenta por cento E aí tudo certo beleza eu tô aqui para responsabilidade ele se aplica sem que os mesmos princípios tá então tudo que eu falei de espaçamento de colunas espaçamento de sessões você vai fazer na mesma coisa aqui mais alguma coisa a facilidade o cara acho que é isso um dos itens que eu anotei aqui eu passei por todos Ah então acho que que são os erros

mais clássicos né então isso espaçamento tamanho de texto não equilibrar os elementos como um texto com imagem deixar se pronunciado e eu acho que é isso que a gente tinha para hoje então eu vou abrir para perguntas se vocês quiserem me perguntar sobre isso ou sobre algum outro assunto mais geral todos posição de vocês sobre o meu chat aqui na te la A copiar que eu não link E aí E aí e hoje toma vou abrir a pergunta tirar o som E aí o meu chat aí Se quiserem falar comigo a pergunta que se não

vamos encerrar por aqui e ele faz uma pergunta pelo amor de Deus vai ficar feio para mim não E aí E aí E aí se você faz algum trabalho com uma cópia antes de começar com as etapas do processo de um elemento por exemplo rever a cópia para infecções Eu leio né Geralmente eu leio a Copa inteira antes de começar desenvolver a página que E aí conforme o volendo eu já vou imaginando à disposição dos elementos estão se tente aquele estes tem tem mais eu vou usar ícones onde eu vou colocar o vídeo a

forma que eu vou organizar o background então eu já faço esse trabalho antes de sequer Abrir a página do elemento eu já vejo a cópia se for um documento o cara me enviou né eu no Google eu queria uma cópia e faça minhas anotações ali e se não eu já vou montando direto no elemento é mesmo mas eu vejo assim é super important e é sobre host Qual é o plano que você utiliza na digital Ocean pelo mais barato já funciona lançamento de cá eu não recomendo mais barato só se for um lançamento muito pequeno

eu costumo pegar o dia $20 geralmente onde $20 porque ele aguenta bem o tranco ele tem um pouquinho mais de memória né mas eu preciso ficar fica livre para testar o mundo digital Ocean que você consegue fazer o upgrade no plano ou quando você quiser então a um site caiu você vai lá e ainda faz o upgrade e ele j á volta em dois minutos então você pode ir testando mais para lançamento pessoalmente lançamento grande você vai ter um número de acessos muito grande e simultâneos né Ah e eu não vi isso

nenhum servidor que caia o banco de dados banco de dados do WordPress e geralmente não aguento E aí você pode contratar um banco de dados gerenciador digital Ocean para você ter um controle maior e usar um servidor é menor você pode instalar uma CDN né caldefer que vai reduzir os acessos directos ao servidor de vai ser em com aquele funciona aqui tá o seu servidor aí tem as barreiras não é de cast e ele tem o CDN na frente a minha diferente o primeiro acesso tá vai acessar o CD e não se o

servidor primeiro não é o que já tá sal porque o primeiro sempre o servidor mas ele vai salvando a página no cash E aí ele vai ficar no CDN imagina com uma barreira Então os acessos Vão bater ali no CD e não vamos passar para o servidor consequentemente como fazer requisições ao bancos d e dados então para quem trabalha com lançamento tem uma cloudflare instalada crucial esse não é muito acesso voltar requisição se o servidor não aguenta o seu estado não aguenta e aí cai e não se aconteceu muito

comigo eu mesmo conheço né consultar voltando de cinco dólares 10 horas quando dava o cpl1 ficou abertura do carrinho cair e aí é desespero né mas você pegar o plano $20 que eu sou aguentar bem mas coloca cloudflex coloca um plugin De Cash também para evitar esses acessos um muito grandes no servidor Oi e ele tá queda é doida caso eu faço as páginas dos cães com elementor pro futuramente remova a licença do domínio do cliente as páginas se não tem sim faça se mantém mas ele não vai conseguir

fazer nenhuma edição com elementor com um elemento que seja no plano próprio né e não vai conseguir utilizar em novas páginas mas não tem a mesma coisa você oferece garantia das páginas dos seus serviços garantia do que de que vão converter que vai funcionar cara não se você for pênis é assim no lançamento Tem tantas variáveis além de um peixe é é um a ponta do iceberg Então você tem aí tem a cop que é super importante você tem como trabalho que a pessoa feia de pré-lançamento você tem é se você

tem o tráfego Você tem o aquecimento distribuição de conteúdo inúmeros fatores né então eu não sei algum lugar gente alguma coisa para o cara que não tive resultado que que vai converter tantos por cento ou que vai fazer um retorno X para ele a não ser que eu seja dono de todo esse processo e mesmo assim não tem uns a garantir É imprevisível né então agora acha que eu dou que eu tente eu vou fazer uma melhor eu vou entregar um melhor a melhor página que eu consigo fazer isso é a garantia que eu

dou mas não tem como né ela não vejo como como trabalhar dessa forma e sobre manutenção de um LP de vendas como você fecha com o cliente o cara eu não ofereço um serviço de manutenção colocar a fazer a página comigo eu fico à disposição par a fazer alterações alterações pequenas de texto mudar alguma coisa ou outra eu eu faço de graça não cobro nada mas eu ia precisar sei lá mudar completamente a página ou mudar muitas sessões que vai tomar meu tempo eu cobro por hora né que eu tenho meu valor lá

definido eu passo para ele ó um passa uma estimativa ou falou eu cobro isso e no final do período real levei tanto todas as horas ele passa a conta para ele pagar a garantia de funcionamento em relação ao site está no ar atualiz ações de plugins e segurança do site o cara eu assim é a parte de hospedagem Eu recomendo para o cliente a contratação Mas quem faz a ele eu não oferece serviço de hospedagem o próximo e dar para o cliente ou ficar cuidando do Servidor para ele até porque eu não quero

essa dor de cabeça né Eu quero o meu intuito a construir a página entregar para ele e muitas vezes eu gravar um vídeo de como o cara gerencia ali no WordPress como é que ele faz outras pequenas alterações do elemento como é que ele faz alterações no DNA e na digital Ocean mostro tudo porque eu quero tirar rodinha da bicicleta não quero esse cara dependente de mim imagina três meses depois que eu fiz uma página para o cara aí ele tá fazendo um outro lançamento que não tem nada a ver comigo e aí

ele abre o carrinho servidor cai e aí ele me liga a beleza se eu puder ajudar eu vou ajudar o cara mas imagina se eu tivesse lá com mulher de lá em meu pescoço e eu tenho que entregar alguma coisa para um outro cliente eu não posso parar para ver isso eu não quero sua dependência comigo então é tudo que eu consegui delegar para o cliente é o de LEGO eu ver o papel montar a página e explicar para ele depois com ele para o barco depois estou à disposição para ajudar se ele precisar mas eu não

presto um serviço de manutenção não fico à disposição do cliente para nada depois do site está no ar em relação a ele continuar no ar ou ficar lá durante o lançamento eu tô de prontidão para s e acontecer algum bo eu resolver né não tem como garantir porque as assim mudando é um é uma caixa de surpresas né você não sabe quantos vão ser você não sabe é tem muitas variáveis aí né peso a página enfim não dá nem para você calcular não tem não tem nenhum cálculo para você tentar se você consegue fazer

um cálculo de visitas mensais é page views mas de acesso simultâneo sundae então não tem como chegar antes não e não me sinto como um valor fixo pelas partes ou tem uma porcentagem quando será que faz sentido essa modalidade é atualmente o cobre o valor fixo e dependendo do lançamento eu pego porcentagem sem porcentagem você vai ter que ir avaliar se o lançamento vai dar bom não né Aí é você tem teu filho hein eu já já fechei lançamento de 10 porcento de cinco porcento de lançamento o lançamento

que eu mais ganhei eu tinha 10 por cento na coprodução era um orçamento faturou 613 mil e depois de tirar o tráfico eu te dar o desconto eu faturei 42.000 com 56 página s não para de captura para gente Obrigado blog de lançamento página de vendas para a gente obrigado pós-vendas e para já aquecimento que a página que o cliente ficava depois que ele preenche né ou a captura até a página de Obrigado aí sabe aqueles anúncios de faltam 5 dias faltam quatro dias e aí tinha a página de aquecimento que

tinha lá todo o cronograma do evento tinha os links de baixar o material o ar cá definir o alimento nas Lajes então foram essas páginas e de 42 mil em compe nsação eu já Participei de lançamentos que eu fiz além das páginas eu fiz os criativos a mesma quantidade de páginas 56 páginas e cansativo para caramba uns 40 três fios e eu tinha cinco por cento desse lançamento e ele faturou Se não me engano 30 mil 35 mil e a gente achou que a bombar deu ruim né a Expert não fez um pit bom na qual

a produção de conteúdo prévia do lançamento não foi legal e eu fechei por percentual e recebi essenciais né então você tem que avaliar muito bem você tá se metendo o que que é legal se já é um Expert validado né já você sabe qual que é o faturamento dos dos lançamentos anteriores você perguntas informação você pergunta a quantidade de pessoas que costumam ver a Live de vendas por quê e você vai pegar aqui uma conversão de um por cento jogando baixo da lista de lançamento por exemplo E aí você

sabe mais ou menos quando você consegue faturar e se paga ou não os valores mas dá muito prejuízo né se você cobrar a parte geralmen te você cobrar um valor decente você costuma faturar mais sem o percentual porque o gerente você não vai receber um percentual muito grande Tá você vai receber um dois três quatro cinco porcento estourando nessa parte de pai geralmente é isso então o cara tem faturar bem para você ganhar uma grana se compensa em você receber porcentual fora isso eu cobro fixo

mesmo oi olha lá ele ó tava semana passada isso aí na próxima de novo mas tem conteúdo Obrigado tamo junto Obrigado por responder para na próxima Live do Ney pegou porcentagem não o Ney ele é fixo é difícil pegar a porcentagem bem difícil geralmente é fixo mesmo os Expert se sentem melhor ser o cara tá te dando um percentual da empresa dele geralmente é alguém vai fazer isso é alguém ou que tu é muito na equipe ou quê que tá começando agora e não tem ideia para te pagar e aí ele vai ofertar por

percentual né que é a moeda de troca que ele tem mas é é só isso mas daí no caso isso não sabem que você fic a com um mês inteiro para eles né não o depende né do que ajudar a quantidade de trabalho cinco páginas seis páginas eu faço um seis sete dias a pendenga do tamanho da página tem menos depende do tamanho da cop é o meu reprodução e rápido então eu não tomou tanto tempo assim mas se eu pego por exemplo a o ativos postes do feed um e a uma quantidade absurda de criativo cair não dá para

pegar os clientes assim eu tenho que ficar mais focado É para um cliente determinadas horas do d ia mas por ser professor do lançamento do Ítalo Ventura do Há uns meses atrás do jogo da rainha do método Mavi dele né e dar a produção de criativos de conteúdo era absurda eu te vi achei que fechar um tempo da minha agenda para ele é porque ela lança muito grande mas tem que tá preparado para isso e foi o último lançamento que eu peguei criativo para fazer depois daquele lançamento eu só peguei

página porque ele tudo bem foi um ótimo lançamento né A Experiência valeu a pena mas você tem que saber pesar quando você ônibus vai ganhar mais grana né e o criativo não é aquilo que geralmente que se paga muito bem o que o céu você cobramos 1500/2000 uma página que você faz se você fizer 10 criativos em um dia 20 criativos um dia cobrando sei lá já que você cobra r$ 50 r$ 100 no criativo é o trabalho que você tem como criativo não paga o que você teria uma página então eu parei de oferecer

serviço de criativo mas esse do Ítalo Ventura foi passou fácil de 100 cr iativos para anúncio e possuir de feed também muito Carrossel Carrossel todos os deram Carrossel e sabe de 10 10 imagens estão dá um trabalho danado nessa última de captura do Ney está linda parabéns por curiosidade só saem uns dois cá não cara vai ficar é f*** falar valor não não por mim mas pelo pelo cliente mas eu não como eu nunca muito caro não cara eu já falei só só cobrar se eu tinha antes Mac Mano manda pede

orçamento aí no Direct é brincadeira É tem razão acho que is so de porcentagem fica muito mais fácil para outras áreas consideradas mais importantes como estrategista qual apertar vão É isso aí legal obrigada acho que é isso né está com delezinho não sei se vocês mandaram mais perguntas não vou encerrar por aqui para fiquei não sei se vocês curtiram eu gostei de dar da sala para vocês foi bem bem produtiva é só Se tiverem mais alguma dúvida manda lá na caixinha para mim no Instagram geralmente tá

sempre aberta se precisar conversar comigo no Di