Como Criar uma PÁGINA DE VENDAS no WordPress e Elementor Grátis [Landing Page de Alta Conversão]

Neste vídeo eu vou te ensinar a criar uma página de vendas usando WordPress e o Elementor. Fala pessoal, tudo bem? Aqui é a Micaela do Descomplicando Sites e antes de partir pro nosso tutorial eu quero pedir para você deixar um like aqui nesse vídeo que ajuda demais o canal a crescer e para você se inscrever no canal, Tá bom. Então é isso vamos pra tela do meu computador agora. Eu vou te ensinar a criar essa Landing Page a partir de um template Este é o modelo de Landing Page que nós vamos usar nós vamos aprender

nesse vídeo A adaptar ele e transformar ele neste modelo Aqui você pode perceber que é o mesmo modelo a gente só trocou a paleta de cores mudamos algumas coisas como por exemplo aqui nessa aba de cursos aqui eu usei imagens e aqui eu usei ícones então se você quiser fazer essa mudança para não ter que criar todas as imagens você pode usar ícones como está aqui também fizemos outras imagens outros banners e eu vou ensinar tudo nesse vídeo ó aqui tem um banner que é semelhante a esse banner aqui e eu vou te ensinar a

criar ele no canva gratuito essas imagens de fundo como essa imagem aqui que a gente tá usando a setinha essa imagem aqui essa imagem a imagem de sobre nós que é essa parte aqui tudo eu vou ensinar nesse vídeo porque aqui no canal eu ensino a criar passo a passo Inclusive tem vídeo ensinando a criar do zero mas eu também vendo o template editável para que você não precise criar toda a estrutura passo a passo então então aqui na minha loja que eu vou deixar o link na descrição do vídeo você consegue comprar o template

que é o que nós vamos fazer nesse vídeo e aí você só vai adaptar muitos de vocês pediram para que eu fizesse um vídeo como esse ensinando a adaptar todos os aspectos do template e é por isso que eu estou fazendo esse vídeo hoje mas se você quiser criar passo a passo do zero também tem vídeo aqui no canal ensinando Ok e antes de colocar a mão na massa eu tenho alguns avisos bem importantes para te passar primeiro se você estiver achando que o vídeo está indo rápido ou devagar demais não tem problema aqui no

YouTube tem uma engrenagem que você consegue controlar a velocidade do vídeo Então é só vir aqui em velocidade reprodução aqui em cima você coloca mais devagar e aqui embaixo você coloca mais rápido outra coisa Sempre que eu indicar algum vídeo para você indicar alguma coisa um material de apoio que inclusive tem gente que gosta de fazer o site igualzinho eu estou ensinando com as mesmas imagens ícones cores códigos e eu deixo tudo no nosso material de apoio então tudo que eu disser para você que vai est na descrição é aqui ó na descrição do vídeo

aparece esse texto embaixo você clica em mais e ele expande eu deixo tudo detalhado aqui deixa os nossos links inclusive o link do material de apoio ele fica aqui ó você clica e é redirecionado pro nosso drive Aí lá você consegue baixar todas as imagens e tudo mais você consegue navegar pelo vídeo aqui nos Capítulos também ó você consegue ir direto para aquilo que eu estava ensinando e outros itens que eu citar os links ficam aqui os nossos links de de parceiros como a Hostinger por exemplo que é a empresa de hospedagem que a gente

vai comprar neste tutorial que eu vou te explicar mais pra frente inclusive é a única coisa que a gente vai precisar comprar aqui o domínio e hospedagem o restante nós vamos usar só ferramentas gratuitas Ok e o link dos nossos parceiros sempre fica aqui na descrição E no caso da Hostinger nós temos um cupom de desconto você clicando e comprando através do nosso link você nos ajuda a trazer mais conteúdo relevante aqui para você no canal. Tá bom, então vamos lá pessoal, o primeiro passo vai ser como eu falei a compra do domínio da hospedagem

o domínio é o link do seu site é o endereço dele na internet como o meu site por exemplo que eu descomplicandosites.com.br e para você usar um link assim personalizado com nome do seu projeto você precisa pagar pelo Direito de usá-lo não é caro não se preocupe mas fique ciente que é um custo que você tem que ter e a hospedagem são Mega computadores que hospedam os arquivos do seu site e ficam transmitindo eles para internet assim que as pessoas conseguem acessar de qualquer lugar e para que eles fiquem né sendo transmitidos na internet você

precisa pagar pelo local que é os pé desses arquivos a hospedagem que a gente indica é hospedagem hostinger que é uma hospedagem multinacional nem eu falei o link dela fica aqui na descrição se não tiver aparecendo para você você clica aqui embaixo em mais que aí vai abrir o restante E aí você clica aqui no nosso link às vezes abre essa telinha aqui do YouTube né falando que você está saindo do site do YouTube aí você pode clicar aqui em ir para o site Tá bom você vai acessar aqui a hostinger vai escolher o melhor

plano de hospedagem aqui pro seu tipo de projeto rolando a tela aqui para baixo você vai ver que tem alguns planos e aí você consegue analisar para ver qual que você vai achar melhor pro seu projeto por exemplo eu recomendo que você pegue pelo menos o plano Premium ou se você for fazer tráfego pago né mandar muitas pessoas para a sua página através de anúncios pagos você pegue pelo menos o business ou o cloud Startup porque eles suportam mais visitas suportam mais atividades no site mas esse plano aqui também é muito bom e ele suporta

até 100 sites você consegue fazer até 100 sites no único plano tem 100 GB de armazenamento domínio grátis também se você comprar 12 meses e-mail institucional gratuito SSL backup semanais e este plano Business aqui ele tem o CDN então se você pegar ele a vantagem é que ainda tem mais uma configuração para deixar o site mais rápido eu vou escolher esse plano premium aqui vou clicar aqui em escolher plano e aqui você escolhe a quantidade de tempo que você quer comprar O legal é que você compre pelo menos 12 meses para você não pagar o

primeiro ano do domínio Lembra que eu te falei que você tem que pagar o domínio ele é pago anualmente mas se você já compra 12 meses aqui da Hostinger você ganha esse primeiro ano de graça e você pode perceber que quanto mais tempo você comprar mais barato fica a cada mês então se você comprar um mês só sai 45 mas se você comprar 12 meses cada mês sai para R$ 14,90 então assim baixa para bem menos da metade você escolhe aqui qual qual a quantidade de tempo que você quer se você não tiver uma conta

clica aqui coloca o seu e-mail e a sua senha ou se você já tiver clica aqui em entrar aqui você vai selecionar Qual que é o método de pagamento que você quer eu vou deixar cartão de crédito mesmo aí aqui você vai preencher os seus dados e para você colocar o nosso cupom de desconto tem a opção aqui tem um cupom de desconto você clica Aí você vem aqui na descrição copia o nosso cupom Cola e clica em aplicar olha só já caiu um pouco mais o valor depois você clica aqui para aceitar os termos

de serviço e depois clica em enviar pagamento que aí você vai ser redirecionado pra tela de pagar aí aqui você vai preencher os dados do seu cartão os seus dados e aqui em parcela você vai escolher se você quer parcelar se você quiser parcelar tem um juros a mais mas no fica muito caro não Ó você vai ver que mesmo parcelando compensa eu vou pegar de uma vez só vou colocar os dados do meu cartão e vou clicar em Paga agora depois de efetuar o pagamento ele vai te redirecionar para essa página para você já

fazer a instalação do seu WordPress. WordPress é a plataforma que a gente usa para criar o site aqui ele tá perguntando se você quer criar um site ou se você quer migrar eu vou clicar eu vou criar um site vou clicar em próximo vou escolher WordPress vou clicar em próximo aqui você vai colocar o o login a senha da plataforma do site que é o WordPress tá a gente está comprando aqui a hospedagem E aí dentro dessa hospedagem a gente tá instalando o sistema do site que chama WordPress Então esse login e senha aqui não

é da hospedagem é o do site que você vai acessar o site depois porque para acessar ele você não precisa entrar no hospedagem se você não quiser OK são coisas separadas Então você coloca o login a senha clique em próximo aqui você pode clicar em criar site em branco e aqui você vai escolher aquele domínio lembra que se você comprou um ano você tem direito a um domínio grátis é aqui que você escolhe o domínio para comprar em vez de fazer aqui direto eu recomendo que você volte aqui no site da hostinger vem aqui na

parte de domínios e faça uma pesquisa para ver se o domínio que você quer estar disponível porque aqui você consegue visualizar melhor eu vou chamar esse projeto de curso ADN que é acelerador de negócios aí eu vou clicar aqui em procurar e eu vou ver se está disponível domino.com e o domino.com.br ó tá disponível o .com.br e está disponível o p com também eu não recomendo que você compre um domínio que não tenha o.com.br disponível ou que não tenha o. com Por quê na verdade eu recomendo que você compre os dois domínios porque o que

que pode acontecer se você comprar um domínio só escrito pcom.br Pode ser que outra pessoa tenha o mesmo a mesma ideia de nome que você e compre um domínio igualzinho o seu só com a extensão diferente a extensão é tudo que vem depois do ponto e aí ela pode dar golpe pode competir com você diretamente no Google então é legal que você Garanta pelo menos esses dois domínios a extensão .com e a .com.br que são as mais usadas Ó você pode ver aqui que não é muito caro esse daqui mesmo o primeiro ano você consegue

pagar R$ 19,90 e esse daqui do .com.br você consegue pagar R$ 29,90 no primeiro ano e depois nos próximos R$ 59,90 Então não é caro esse valor aqui são uma vez por ano a se você quiser você pode comprar esse domínio aqui depois e usar para redirecionar tem vídeo aqui no canal ensinando como comprar domínio como redirecionar um domínio pro outro também tá mas o importante é que você identifique aqui o domínio que você quer se você não tiver achado É só você ir trocando a disposição das palavras às vezes você troca por exemplo V

ser curso ADN ADN curso coloca uma palavra que seja sinônimo até você encontrar uma que esteja disponível .com.br.com Tá eu vou pegar essa daqui mesmo aí eu vou vir aqui e vou jogar aqui o domínio que eu quero aí ele vai me dizer os que estão disponíveis né eu vou pegar essa do .com vou clicar aqui e vou clicar em próximo agora ele vai me pedir uns dados para registrar o domínio e meu nome se tiver alguma coisa faltando você clica no lapizinho de editar e edita vou clicar em finalizar o registro Pode ser que

depois de alguns dias ou depois de alguns minutos chegue uma mensagem no seu e-mail e te pedindo para confirmar alguns dados por conta do registro do domínio é importante que você se atente a sua caixa de e-mail e a caixa de spam para se precisar De clicar em alguma coisa para confirmar você vai lá e clique Tá mas preste atenção se o e-mail da hostinger mesmo clica aqui em próximo E aí já vai fazer instalação do WordPress na tela anterior esqueci de mostrar mas lá já tava selecionado o servidor do meu país que é Brasil

se os seus clientes para os quais você vai direcionar sua página de venda tiver em outro país você escolhe lá um servidor que esteja mais próximo do país onde eles moram tá que aí ajuda o site ficar mais rápido aí depois de alguns minutos ele vai instalar o nosso WordPress Olha o e-mail que eu falei para vocês é esse daqui tá vendo ó você vem aqui em para e confirma que está sendo enviado pela hoser E aí eles estão falando aqui ó vou traduzir que Você registrou um domínio para você clicar nesse link aqui para

confirmar o seu domínio aí você vai clicar vai marcar aqui que aceita os termos ó clica em traduzir para você ver aceita os termos termos aprovar enviar e aí pronto vai dar tudo certo com o registro do seu domínio depois que carregou aquela tela lá ele vem para cá que é onde tem as configurações do seu servidor neste ponto o seu site ele já está instalado e já está no ar Vamos acessar aqui o domínio para você ver uma coisa ó tá aparecendo esta mensagem aqui de erro eu até traduzi a página aqui para você

ver porque o domínio ainda está sendo registrado quando a gente compra um domínio tanto P com quanto. com.br demora ainda o prazo de até 24 horas para eles fazerem a propagação do domínio então é normal essa mensagem de erro aqui ou então se tiver vai aparecer n DNS tá quando começar a aparecer uma página roxinha da Hostinger ou então aparecer uma página assim escrito de pra alguma coisa vai significar que o site já está disponível Este é o prazo máximo mas geralmente Dentro de algumas horas ou alguns minutos o site já fica no ar Ok

pronto quando tiver aparecendo essa página aqui para você ó significa que o domínio já está no ar seu site já está funcionando inclusive deixa eu já te avisar quando acontecer isso daqui ó quando já tiver aparecendo isso o seu site ele já está no ar tá de digo isso porque tem gente que faz o site comigo e depois manda mensagem perguntando agora Como que eu faço para colocar o meu site no ar mas a partir do momento que você instala o WordPress o seu site ele já está no ar e aí o que que a

gente faz agora é customizar essa página aqui para ela se transformar na sua página de vendas no seu site Mas ele já está no lá qualquer pessoa que acessar o link ele vai conseguir enxergar isso daqui tá e depois do WordPress instalado né você estando aqui dentro da Hostinger tem duas formas de você logar lá dentro do seu site você pode clicar aqui em WordPress que aí ele já vai te redirecionar logado para dentro da plataforma WordPress aí você tem que se atentar se você está no lugar certo ó você tem que vir aqui aqui

na aba de sites aí o link do seu site vai estar aqui eu tenho vários por isso est aparecendo vários aqui tá mas o seu vai estar assim né E aí você clica aqui ó em painel de controle ou então clique em WordPress tá que aí vai aparecer o botão você também consegue olhar por aqui ó nesse lugar se você está no domínio Correto isso se você tiver vários domínios né se você tiver um só não vai nem aparecer essa opção aqui de ter vários é só clicar aqui outra opção também é você acessar o

link do seu site e colocar na frente bar wpo admin que aí você já cai na página de login aí você vai colocar o seu login a sua senha e vai entrar se você tiver esquecido ou não tiver dando certo a senha que você colocou você clicando aqui ó no WordPress você vem parar já logado aqui dentro e você aproveita para já trocar a senha vi aqui usuários todos os usuários vai ter seu usuário Aqui você clica em editar e clica aqui em definir uma nova senha tá e depois clica em salvar Claro OK agora

que nós já estamos com o nosso campo preparado vamos fazer a compra do template só para recapitular o modelo de Landing page que a gente vai normar vai ser essa ó que foi o último site de Landing page que eu ensinei vocês a criar aqui no canal tem vídeo completo ensinando a criar ela passo a passo mas o intuito desse tutorial é justamente você economizar tempo porque eu entendo que principalmente os empreendedores que vão criar uma página de vendas para eles mesmos eles não querem aprender a mexer com o site né querem fazer a Landing

page dele ali para seguir com o plano de marketing que ele tem então então se ele usar um template ele vai economizar bastante tempo então a gente usou este modelo e transformou aqui neste outro modelo Ó você pode ver que é a mesma coisa só Vamos alterar os textos as cores né paletra de cores aqui eu fiz uma mudança também ó dei uma alternativa Porque caso você não queira aqui na parte dos módulos colocar uma imagem em cada um a gente pode transformar em ícones desse jeito que você não precisa criar todas as imagens tá

então fizemos algumas modificações aqui eu vou ensinar para você como modificar tá tudo vou ensinar inclusive como criar os banners e as imagens que eu estou usando aqui tá vamos criar tudo no canva Esse é apenas um modelo tem vários modelos de Landing Page aqui na nossa loja o link da loja vai estar aqui na descrição Mas se você quiser também pode acessar o templates.descomplicandosites.com.br aqui na página de Landing Pages que você pode clicar aqui em cima você vai ver todas as Landing pages que estão disponíveis em qualquer uma delas que você clica cá como

por exemplo você vai clicar nessa se você clicar aqui em mais informações ou rolar a tela aqui para baixo ele vai te mostrar as informações né referentes a este projeto E aí sempre tem o link ó sempre tem aqui ó Veja a demonstração do template E aí você clica e vai ver o projeto online ó todas vão ter essa daqui por exemplo você clica e você é redirecionada aqui pro projeto online também tem como nessa aqui que a gente vai usar colocar um vídeo eu vou até mostrar para vocês nesse vídeo aqui como colocar um

vídeo na página como eu fiz nesse outro modelo tá não tem problema Inclusive essa versão azul da Landing page ela vai estar à venda aqui também se você quiser economizar mais tempo ainda caso a sua paleta for azul e dourado né já te economiza bastante tempo então vai estar aqui ó Landing page acelerador de vendas que aí você pode comprar então nós vamos escolher a Landing Page que a gente quer eu vou escolher essa daqui vou clicar em quero comprar ó vou clicar em finalizar a compra vou logar vou efetuar aqui o meu pagamento pronto

eu coloquei para efetuar o pagamento aqui via pix E aí via pix você precisa efetuar o pagamento e depois recarregar a página para aparecer aqui o botãozinho de download para você tá se você fizer via cartão de crédito já aparece o download para você você já recebe no seu e-mail também e depois do pagamento efetuado no caso do Pixel você recarrega a página que aí aqui embaixo já começa a aparecer um botão de download para você baixar mas também fica disponível aqui na sua página tá na página de minha conta então você vai estar logado

você clica aqui em cima no seu nome ou então no ícone do usuário que aqui vai ter o seu painel com seus dados e aqui em download vão estar todos os downloads disponíveis para você eu tenho vários aqui porque eu já efetuei vários testes aqui na minha loja mas se você tiver comprado um vai mostrar só um aqui para você tá então você vai localizar vai clicar aqui em baixar E aí você vai baixar essa página zipada que é onde estão todos os arquivos do template aí você clica com o botão direito clica em extrair

tudo clica em extrair clica aqui para abrir a página aí Aqui tem alguns arquivos né Tem alguns ensinando como instalar instruções de uso esse aqui de instruções de como instalar você pode arrastar ele aqui pro seu navegador que tem um vídeo ensinando também este outro arquivo aqui que é onde tem instruções você pode arrastar pro seu navegador que você vai cair direto neste arquivo aqui de texto que ele mostra você também como instalar né coloca o vídeo aqui de para onde instalar e tudo mais e aqui está o login e a senha do template que

você comprou então agora que nós já fizemos aqui o download nós vamos upar o nosso template Existem duas maneiras de você fazer a instalação do template aqui no seu WordPress tá tem como você fazer instalação completa que você vai pegar esse site completo aqui da Landing Page e substituir o seu site por ele então se você fizer isso você já vai levar as configurações padrões do temas todos os plugins instalados que precisa você não vai precisar fazer mais nada agora se você já tiver alguma página no seu site já tiver usando outra Landing page e

quiser só adicionar uma página a mais tem como também que aí eu vou ensinar daqui a pouquinho dessa forma que eu vou ensinar agora para se você tiver com WordPress Zerado né sem nada ou Ou se você quiser substituir o que você já criou porque quando você instala dessa forma aqui que eu vou te mostrar você exclui tudo que estava no seu site antes então se você tiver criado alguma página alguma coisa vai excluir ok vamos lá primeiro a gente vai instalar o plugin chamado WP vivet plugins são como aplicativos assim como o seu telefone

ele não tem as funções de banco por exemplo e você precisa instalar um aplicativo no WordPress é a mesma coisa ele não vem com todas as funções de um site instal lado então quando a gente precisa de uma função a mais a gente vem e instala um plugin que nos proporciona essa função Então a gente vai vir aqui em plugins Adicionar novo vai pesquisar pelo plugin WP vivid que é um plugin de migração sabe dá para você fazer backup com ele também é bem interessante clica em instalar depois em ativar agora você vai clicar aqui

em upload vai voltar aqui na sua pasta e apenas essa pasta aqui ó tá vendo tem escrito WPvivid aqui no meio apenas essa você vai arrastar este meu projeto aqui é um projeto Pequeno se você tiver baixado um site ou uma outra Landing Page que tiver mais de uma dessas pastas que tem escrito WP Vivid você vai arrastar todas de uma vez tá somente as pastas tá que tem escrito WP vivid esses outros aqui não você vai arrastar todas de uma vez e vai soltar lá em cima do Plugin tá porque às vezes quando o

projeto é grande aí ele divide em várias pastas esse aqui é pequeno por isso que tá em uma pasta só aí você arrasta para cá e solta aqui em cima e aí depois você clica em upload depois que efetuou 100% Aqui você clica em Ok e agora você clica aqui em resta restore resta E aí depois clica aqui de novo e clica em Ok E aí vai esperar carregar essa Barrinha depois que concluir vai aparecer um pop-up assim você clica em OK e ele vai te deslogar do seu site isso é normal o que que

a gente fez aqui agora a gente substituiu o site que você tinha né no nosso caso aqui estava zerado a gente substituiu por este site aqui que você comprou por este template então quando isso acontece ele migra tudo ele substitui tudo até o login e a senha então o login e a senha pra gente logar no WordPress aqui não é mais a que você criou lá dentro da Hostinger é essas daqui ó que está nesse arquivo então para você logar só você vir aqui pegar essa senha pegar o nome de usuário que pode ser Micaela

ou esse e-mail aqui e aí você clica em acessar Prontinho se você acessar aqui o seu site agora ele não vai mais está em branco ele já vai estar assim o template que você comprou já está habilitado aqui no seu site isso né se você quiser substituir que nem eu te falei agora se você já tiver um site já tiver outras páginas no WordPress e quiser migrar só a página mesmo para ficar com uma página a mais eu vou te ensinar agora você vai vir aqui ó se você já já tiver feito esse processo não

precisa fazer mais nada não tá pode pular pra próxima parte aqui do do tutorial você vai vir aqui em ferramentas importador vai clicar aqui em instalar aqui na onde que tem escrito WordPress rodar importador aí você vai vir aqui na sua pasta aí tá vendo que vai ter esse arquivo aqui escrito LP acelerador você vai arrastar ele para cá vai colocar aqui em cima e vai clicar em enviar arquivo e importar aí aqui você vai selecionar um usuário que é o seu usuário aqui mesmo pra gente poder migrar o nome do autor e vai clicar

em baixar e importar arquivos e anexos e vai clicar em enviar aí pronto se você vier aqui em páginas todas as páginas a página que você criou vai estar aqui O meu ficou o mesmo porque é a mesma página com o nome do mesmo autor Então ela Já identificou que tinha uma igual aqui OK beleza já fizemos aqui a nossa importação e agora nós vamos a adaptar o nosso template a primeiríssima coisa que você vai fazer é mudar o login a senha né vai colocar uma senha e um login o nome de usuário que você

queira você vai ver aqui usuários todos os usuários aí primeiro você vai criar um novo usuário tá você cria um novo e depois você vem e exclui esse daqui porque esse é o usuário administrador você não consegue excluir ele e você não consegue também mudar o e-mail dele entendeu então você tem que criar um outro para você clica aqui em Adicionar novo usuário aí eu vou colocar o meu nome aqui Aí você coloca um e-mail aí se você quiser você pode colocar seus dados aqui seleciona o idioma se você seu não tiver mudado e aqui

você vai colocar uma nova senha eu vou deixar essa senha mesmo aqui vou anotar ela e aqui a gente vai colocar a função do usuário tem que ser uma função de administrador que é o tipo de usuário que consegue acessar tudo no site aí você clica em Adicionar novo usuário Pronto agora você vai deslogar ó vai clicar em aí ali em cima e você vai logar com esses novos dados que você criou né com aquele nome de usuário ou esse e-mail seu que você colocou e com a sua nova senha vou clicar aqui em acessar

Pronto agora a gente já pode vir aqui em usuários todos usuários e excluir esse usuário meu ó clica aqui em excluir e aí ele pede para você migrar todos os acessos desse usuário antigo pro novo né eu vou colocar assim ó é muito importante isso aqui tá atribuir todo o conteúdo a aí você atribui a você né né que é o novo usuário que você criou e clica em confirmar exclusão Pronto agora você já tem aqui o seu novo usuário uma outra coisa que você tem que fazer é trocar o e-mail administrador do site e

isso você consegue vindo aqui em configurações geral e aí aqui vai ter ó endereço administrador aí você troca pelo seu endereço de e-mail eu vou trocar pelo endereço contato@descomplicandosites.com.br e se eu clicar aqui em salvar alterações ele vai salvar e ele vai ter enviado um e-mail para esse novo e-mail administrador tá vendo para você confirmar essa alteração de titularidade você vai lá e confere no seu e-mail se não tiver chegado é porque o seu WordPress provavelmente não está enviando corretamente os e-mails então você pode instalar um plugin chamado smtp que eu já tenho vídeo dele

aqui no canal e depois você tenta fazer isso novamente né vem aqui e salva as alterações que aí você vai passar a esse e-mail de confirmação E aí você vai lá no seu e-mail e vai confirmar uma outra configuração aqui pra gente fazer para evitar alguns bugs é vir aqui em configurações links permanentes E aí você pode vir aqui e clicar em salvar alterações ou então você pode clicar aqui em padrão salvar depois clicar aqui em nome do poste né que é para voltar para onde que tava e clica em salvar que aí isso vai

fazer com que o WordPress Reescreva um arquivo chamado htx que tem algumas coisas importantes e aí isso faz com que corrija alguns possíveis bugs que possa estar acontecendo Então faça isso porque é muito importante tá Depois a gente vai mudar as cores e as fontes a maioria das coisas que eu fiz eu puxei as cores padrões do tema que a gente determinou e para mudar elas você vai passar o mouse em cima de Elementor vai clicar em configurações do site clica aqui em pular clica aqui em cima em cores globais vai aparecer as cores que

estão sendo usadas e você substitui pra as cores que você achar melhor então você vem aqui no site ó ah Toda vez que você quiser acessar passa o mouse aqui em cima clica em visitar site ou então já acessa o link seu aqui que já cai direto então você vai ver onde que tem Rosa onde que tem essas cores aqui ó onde que o fundo é vermelho onde que o fundo é vermelho mais claro você vai vendo onde está essas cores e aí você substitui aqui na paleta pras cores referentes a sua logo vou usar

azul e dourado né eu já deixo aqui configurado ó Então essa cor primária que é onde vai ficar principalmente os títulos vai ser esse tom de amarelado Dourado a cor secundária que é onde vai ficar a maioria dos Fundos vai ser esse Tom de azul mais escuro a cor do texto quando o fundo for branco vai ser o cinza que é este mesmo aqui a cor de reals que é a cor dos links vai ser esse tom de dourado aqui em novo item vai ser esse mesmo dourado que vai ter na verdade esses dois D

aqui eu mantive para manter a mesma cor do botão e por último essa cor vermelho claro eu coloquei um azul mais claro que é esse daqui e vou clicar em atualizar pronto aí se eu recarregar aqui a minha página agora olha lá Pronto a maioria dos lugares já foi alterado tá vendo títulos onde não foi alterado foi onde a gente fez manipulação manual E aí agora eu vou te ensinar como alterar isso também aqui inclusive é um banner ó Isso aqui é um banner aí não tem como a gente alterar a cor por aqui a

gente tem que criar outro banner Então vou te ensinar a criar os banners eu criei aqui através do canva que é uma ferramenta de design gratuita tem algumas funções pagas dentro dela mas se você quiser você pode usar só as funções gratuitas também mas se quiser pagar também é baratinho 34 por mês você pode usar um mês só e depois cancelar não tem problema e aí toda vez que a gente precisar de um banner que se Estenda a tela toda como esse aqui a gente vai usar ele nas dimensões 1920 de largura e de altura

650 Então você vai clicar aqui em Criar novo design tamanho personalizado vai colocar de largura 1920 e de altura 650 e vai clicar em Criar novo design aqui no próprio canva tem vários modelos de banners que você pode pegar e aí você pode escrever por exemplo advogado que é geralmente o estilo de banner que é mais corporativo Olha tá vendo já tem uns aqui eu gosto de fazer diferente aqui quando é formato de banner mesmo não tem Unos muito bonitos então o que que eu faço eu venho aqui abro né outra tela do canva eu

procuro modelo de advogado só que pras redes sociais que aí sim tem uns modelos bonitos para Instagram inclusive foi aqui no post de redes sociais que eu peguei o que eu usei para fazer o nosso banner principal que foi esse tá vendo eu cliquei aqui nele cliquei em personalizar modelo quando você clica também assim ele te dá outras opções Olha tá vendo que a você pode se inspirar também mas aí eu peguei aqui excluí tudo que eu não queria né de texto e aí peguei tudo ó tá vendo arrastei aqui aí eu vou pressionar Crol

C para copiar vou voltar nessa telinha aqui que é onde eu vou criar meu banner e vou pressionar CRL V para colar e ele vai me trazer todos os detalhes aí a gente vai adaptar primeiro a gente vai clicar aqui no fundo vamos clicar aqui ó no espectro de cor vamos clicar nessa bolinha e vamos colocar a cor azul e você coloca a cor que você quiser agora eu vou vir aqui em elementos e vou pesquisar por uma foto de escritório você pode pegar por aqui ou você pode pegar aqui pelo freepic também que também

é um banco de imagens tem imagens gratuitas e pagas aí se você escrever escritório por exemplo eu tô escrevendo escritório porque é o que mas combina com o meu layout aqui mas você pode escolher outros modelos também tá consultório se você for médico por exemplo e academia se tiver alguma coisa relacionada na saúde aí você escolhe o que você achar melhor a você escolhe a foto que você quer aí se tiver um botão amarelo é porque é pago você não consegue baixar Então você tem que escolher um que tem o botão verde para você conseguir

baixar Ok ou você pega aqui no canva que é gratuito eu peguei esse modelo aqui cliquei com o botão direito cliquei em substituir plano de fundo cliquei nele cliquei aqui em transparência e deixei ele bem transparente deixei só 5% aqui de transparência e aí você pode clicar com o botão direito arrastar ele para cima para você ir ajustando Pronto agora você vai pegar a sua foto vai arrastar para cá o que que acontece eu como eu estou fazendo um projeto fictício né eu já tô usando a foto desse modelo aqui no seu caso você vai

arrastar uma foto sua para cá como uma foto dessa por exemplo E aí você pode clicar aqui clicar em editar e clicar em remover fundo ou você pode usar outra ferramenta tem até no próprio telefone mesmo dá para retirar ou tem outros sites no Google que dá para retirar o fundo mas você precisa colocar ela aqui com o fundo retirado tá se você não quiser pagar pela ferramenta de remover fundo aqui do canva tá você vai remover o fundo da imagem e aí aqui você vai por exemplo esse item que é um degradê você vai

arrastar ele para cá pro final da página e vai esticar ele para ficar na tela inteira pronto este item aqui que é que é o que a gente chama de patter né que é uma um desenho aqui de fundo a gente vai arrastar para cá Aí no caso desse eu quero que tenha vários dele então eu vou clicar aqui para duplicar e vou posicionar aí Aqui como ele tem um desenho A gente tem que cuidar para posicionar de um jeito que ele fique completando o desenho Tá vendo olha por exemplo eu coloquei de um jeito

que ele ficou colado aqui como se tivesse finalizando o outro desenho e depois você pode selecionar os dois clicar aqui em agrupar clicar aqui em duplicar que aí você já duplica os dois de uma vez ó aí você duplica de novo clica aqui clica em duplicar de novo e posiciona E aí você vai duplicando até ficar do jeito que você quer sempre lembrando de vir aqui e aumentar e ver se no tá ficando um desenho quebrado tá no caso disso aqui no caso de você estar usando esses PS se você não quiser nem precisa tá

tem outras opções também como por exemplo você pode colocar um ruído ó eu vou te mostrar você pode vir aqui em elementos pesquisar por ruído vai aparecer uma imagem assim Aí você coloca aqui na extensão da tela toda ou na parte que você quer que fique clique aqui em transparência ó deixa bem transparente aí ele vai dar uma textura ou você pode pegar folha de papel ó papel amassado também costuma ser uma textura legal papel amassado ó aí você pega clica ali clica em transparência que vai ficar uma textura legal de fundo F uma textura

interessante também tá e se você quiser outros modelos de banners tem vídeo aqui no canal ensinando a fazer só outros modelos de banners só você vir aqui no canal jogar na lupinha banner ou banner no canva que tem vários vídeos Ó tem vários modelos diferentes toda a página de vendas que eu ensino vocês depois eu venho faço o vídeo ensinando a fazer os modelos de banner tá então se você quiser aprender outros vem ali e assiste Ok continuando aqui aí você vai pegar a sua imagem se você não tiver conseguindo mover ela é porque esse

pattern tá ficando em cima da imagem então o que que a gente vai fazer você vai selecionar todos e clicar em agrupar E se ele tiver ficando em cima você clica com bando direito clica em camadas mostrar todas as camadas E aí você coloca ele abaixo da foto que aí você consegue movimentar a foto em cima o legal você clicar nele e clicar botão direito e clicar em bloquear que aí mesmo que a gente movva as coisas ele não vai ficar se movendo também a gente não vai tirar ele do lugar então você vai arrastar

a sua imagem para cá você deixa do meio pra sua lateral direita tá não deixa muito colado na direita se em telas menores vai cortar e também não deixa muito no meio e também não pode deixar muito em cima Então tem que deixar mais ou menos ó Nessa proporção tá tem que deixar o espaço ali em cima para caso o seu site for acessado em computadores com telas menores não seja cortado aqui a cabeça do da sua foto então você vai arrastar vai se posicionar aqui da forma que você quer clica em cima da sua

foto clica em camadas clica em mostrar camadas E aí você arrasta para cima desse pen essa Lu e esses outros itens aqui então a gente vai selecionar este vai deixar para cá e vai selecionar essas duas Barrinhas e vai deixar para cá pronto vamos pegar a nossa luz e vamos posicionar aqui abaixo da imagem vamos vir aqui em transparência diminuir um pouco a opacidade Pronto agora vamos selecionar esses dois itens vamos clicar em agrupar que aí a gente consegue arrastar ele e vamos esticar e você pode deixar mais largo mais estreito da forma que você

achar melhor feito isso a gente vai clicar vai clicar em desagrupar E aí a gente vai ajustar certinho ó Clica com o botão direito camada mostrar camadas a você consegue clicar exatamente aqui na sua Barrinha e você consegue mover ela ó tá vendo clica na outra também aí vai aparecer essa Cruz você consegue pegar e mover E aí você vai ajustando essa Barrinha também você clica aqui movimenta ela e pronto deixa na posição que você quer a gente já vai ter feito aqui o nosso banner um outro que a gente vai fazer é este banner

aqui que tá vendo que ele tá com essa setinha avermelhada Então esse daqui é uma imagem de fundo e aí a gente vai clicar aqui em adicionar uma nova página vai clicar aqui na cor de fundo vai clicar aqui vai colocar a cor branca e aí eu vou deixar para você no nosso material de apoio que vai tá aqui no link na descrição Você vai clicar aqui na descrição do vídeo do YouTube e vai clicar no link escrito material de apoio aí você vai localizar essa imagem lá vai arrastar para cá ó vai posicionar ela

aqui no meio e vai diminuir E aí você vai posicionar bem no meio ó tá vendo que aparece uma linha quando ele fica bem no meio então você vai deixar assim e certifica-se Ó você pode até aumentar a tela certifica-se que ele não tá que ele tá bem grudado na extremidade tá Se tiver um pouquinho para baixo aí fica com a linha Branca então ele tem que tá bem grudado aqui na extremidade da da tela em cima Então você vai fazer isso E aí aqui o meu já está na cor que eu quero usar mas

no seu caso quando você for trocar de cor é assim você clica aqui clica em editar clica em D Tone escolhe qualquer um e aí você vai colocar a mesma cor que você quer então vamos supor que Eu queiro trocar para essa cor de rosa né aí eu vou colocar os dois com um tom de rosa e vai ficar assim e aí eu venho aqui em elementos e pesquiso por Arrow ou Seta e aí eu procuro por uma seta que seja parecida com essa que eu usei e coloco aqui em cima se você não achar

aqui em formas você clica aqui em elementos gráficos ou inver tudo que você encontra ó então por exemplo tem esse tipo de seta aqui ó tem esse tipo de seta aqui que é parecido com essa que eu estou usando aí você vira ela e coloca ela aqui em cima e diminui bastante deixa bem bem pequeninho ó para ficar bonito e vai ajustando tem uma outra são aqui deixa eu já olhar nela pronta aqui para te mostrar que é essa sessão aqui porque tá vendo que aqui onde tem conteúdos disponibilizados aqui eu usei a mesma imagem

lá de cima com fundo branco só que aqui eu mudei o estilo achei melhor colocar uma textura embaixo então se você quiser fazer assim como eu fiz aqui então você vai duplicar vai pegar aqui em cima esse pattern que a gente usou aqui em cima ou a textura que você tiver usado vai clicar vai clicar em desbloquear aí depois você vai clicar em vai clicar ou selecionar em cima clicar com o botão direito copiar aí vai clicar com o botão direito colar clicar aqui em permitir pronto aí você vai clicar clicar em camadas mostrar camadas

E você vai deixar ele abaixo do Icone Zinho senão ele vai ficar passando por cima e fica feio Pronto já temos aqui esta sessão aí agora falta esta daqui que é a imagem de fundo aqui dessa sessão se você quiser fazer parecida com essa que eu fiz ó nós vamos clicar em adicionar a nova página aí eu vim aqui em elementos pesquisei aqui por por real real dinheiro e aí tem várias fotos aqui que você pode usar na verdade eu acho que eu que eu peguei foi no freque essa imagem hein a imagem de real

é foi essa daqui ó eu peguei lá no site do freepic pesquisei por real pesquisei por real assim sabe para aparecer a moeda do Brasil e aí peguei e aí quando você achar você arrasta para cá a imagem eu já tenho ela aqui mas ela não tá funcionando eu vou recarregar minha página para ver se ela volta a aparecer ah agora tá aparecendo certinho aí uma vez que você carrega a imagem para cá você vai clicar com o botão direito definir imagem como plano de fundo aí você pode clicar duas vezes ou e ajustar para

ficar na posição que você quiser e agora eu vou vir aqui em editar vou clicar em Du Tone e vou clicar aqui selecionar qualquer um e aí a gente vai alterar aqui as cores Então vou pegar esse azul e vou substituir por essa cor aqui de sombras e vou pegar o mesmo azul e colocar aqui e colocar ele mais claro quanto mais claro você colocar mais claro a imagem fica eu vou colocar ele só um Tonzinho mais claro do que o outro para dar essa impressão aqui pronto e aí a gente já finalizou todos os

banners de tela inteira que a gente vai precisar aí você clica aqui em compartilhar clica em baixar clica em baixar novamente que vai ser baixado pro seu computador uma pasta zipada com todas as imagens você vai localizar ela aqui no seu computador vai clicar com o botão direito vai clicar em extrair tudo e em extrair e pronto as imagens já vão estar aqui e você pode usar Então vamos lá pra gente conseguir acessar o editor aqui do Elementor que é o plugin que a gente vai usar para editar a página a gente vai clicar aqui

em cima onde escrito editar com mentor aí você vai clicar aqui em cima ó Isso se chama contêiner contêiner São Essas caixas onde ficam as informações Esse é o contêiner principal e esses daqui são os contêineres internos o contêiner principal é o que determina a cor de fundo ou a imagem de fundo do fundo da sessão Então a gente vai clicar aqui vai vir em estilo ó vai ter imagem você clica aí você arrasta a sua imagem nova para cá aí você clica aqui em selecionar pronto a imagem já vai estar aqui no lugar ele

dá esse bugzinho mesmo tá de sumir aqui o texto aqui embaixo pra gente mudar pra aquela outra imagem que a gente fez a gente clica aqui também no contêiner principal vem em estilo clica aqui na imagem vamos arrastar a imagem nova para cá clique em selecionar Opa peguei a imagem errada não é essa imagem que tem o o quadriculado aqui não Pronto agora acho que a imagem certa ó ela mesma com fundo branco e aí agora aqui eu vou substituir vou clicar estilo vou pegar a outra imagem pronto aqui também eu vou vir vou clicar

vou vir em estilo vou clicar na imagem e vou substituir por este fundo azul Pronto agora eu vou clicar em atualizar Às vezes acontece isso de não Concluir a atualização a gente clica aqui para atualizar de novo Pronto agora a gente vai recarregar a página para parar de ficar dando bugs porque a gente trocou a imagem de fundo Prontinho agora essas cores aqui de dentro que ainda não mudaram a gente vai alterar Você vai clicar aqui aqui eu tenho um código que formou duas cores aqui do meu título você pode fazer a mesma coisa assim

ó se você quiser colocar o mesmo título aqui né se você for manter o mesmo título é só você trocar este código aqui da cor senão se você for escrever outro é melhor você vira aqui na biblioteca tá vendo ó é esse quadradinho arrasta o editor para cá Aí você escreve o título que você quer eu vou pegar esse mesmo vou pegar esse mesmo título aqui só para mostrar para vocês ó você cola aqui e aí você seleciona o que você quer que fique com a cor diferente se você quiser que fique bold também né

um pouco mais grosso você clica aqui no Bezinho e para mudar de cor você clica nesse Quadradinho que aí vai expandir e você clica aqui onde que tem as cores e aí você escolhe a cor que você quer se você quiser pegar uma cor personalizada você clica aqui clica em personalizado e E aí vem pega o código da cor que você quer e cola aqui clica fora e clica em OK aí você vai vir aqui em texto copiar esse código tá vendo ó clica em texto copia esse código que você formou clica aqui e cola

esse código aqui pronto aí você pode vir nesse aqui que você usou para fazer o teste clica nele e clica em excluir tá eu vou deixar a mesma frase que tava antes tô desfazendo aqui as coisas que eu fiz se você quiser desfazer alguma coisa você pode pressionar control e z que aí vai desfazendo Tá eu vou só trocar o código da cor amarelo aqui ó para amarelo pronto aí ficou assim se você quiser escrever outro título também quiser deixar da mesma cor por exemplo aqui ficou branco né você quer colocar outra cor no restante

do texto que você não colocou essa cor amarela você vem aqui nessa cor e muda vendo eu vou deixar o branco mesmo se você quiser mudar os títulos aqui é só clica aqui em cima aí e abre uma caixinha do lado para você mudar clica aqui abre uma caixinha do lado se você quiser colocar outra coisa escrita aqui no botão você clica e aí aqui vai aparecer texto ó campo de texto aí você escreve outra coisa aqui e aqui você coloca um link eu vou deixar nesse aqui o link aqui da minha loja para comprar

este template né mas aí no seu caso você vai colocar o link que vai pro checkout ou o link que vai pro seu WhatsApp o link onde que você quer que a pessoa clique para ir comprar o seu produto ou serviço ou falar com você né se você quiser mudar essa imagem também é a mesma coisa clica aqui e clica aqui para alterar se quiser excluir Clica com o botão direito clica em excluir sempre que quiser excluir alguma coisa assim Clica com o botão direito excluir e se você quiser colocar um vídeo de vendas né

explicando sobre o seu produto aqui que é muito comum é só você vir aqui na biblioteca pesquisar aqui por vídeo arrasta esse widget de vídeo para cá E aí aqui você vai colocar o link do seu vídeo você pode colocar um vídeo do YouTube do vmail dessas outras plataformas ou Auto hospedado no site eu não recomendo que seja Auto hospedado do site tá que você suba o vídeo aqui pro WordPress coloca no YouTube ou no Vimeo porque se você colocar auto hospedado pode deixar o site muito lento ok Aí você coloca aqui o link do

seu vídeo aqui tem algumas configurações né se você quer que ele reproduza automaticamente se ele reproduza sem som se ele se repita se tem o controle aqui do reprodutor né que aquela Barrinha se tem uma marca mais discreta se você quer que ele navegue em modo de privacidade né para não ter no histórico lá da pessoa do YouTube se você quer que ele seja em carregamento lento F in e se você quer que apareça vídeos sugeridos do seu canal ou de outro canal aqui na sobreposição de imagem Eu recomendo muito que você ative porque se

você deixar um vídeo assim ó para ele puxar a tamb que é a imagem né primeiro frame do próprio YouTube isso consiste em uma requisição externa E aí pode deixar a página mais lenta então é mais legal e mais bonito aqui também que você clica aqui e coloque uma imagem para ser a capa do seu vídeo aí você pode ir lá criar essa imagem no canva eu vou pegar a imagem do Banner aqui mesmo só para exemplificar para vocês aqui você consegue mudar a imagem do ícone que fica aqui de play você consegue clicar aqui

em enviar um outro ícone se você quiser ou você consegue clicar aqui nessa estrelinha e escolher um outro play aqui mesmo do Elementor aqui é se você quiser que o vídeo ele carregue em light Box que é para você clicar e ele expandir assim na tela aí aqui em estilo tem todas as configurações aqui você configura o tamanho do vídeo recomendo que deixe este mesmo aqui a sobreposição da imagem que é essa configuração do ícone né você consegue mudar a cor dele você consegue mudar o tamanho dele eu vou deixar essa cor branca mesmo consegue

colocar uma sombra você consegue vir aqui em avançado em borda e colocar uma borda aqui no vídeo é legal que você coloque uma sombra por exemplo ó para destacar ele do fundo tá vendo e você pode usar o mesmo tipo de sombra que você usou no restante do site ó diminuir aqui um pouco a cor coloca aqui um pouco para vertical pra sombra ficar um pouco aqui para baixo pode vir aqui em Rai da borda colocar sólido colocar uma cor por exemplo eu vou colocar um tom de azul movi aqui para cima para ficar uma

azul mais claro vou deixar meio transparente que aí fica uma uma bordinha um pouco mais Sutil Aí você coloca aqui a largura ó vou deixar um que aí fica um uma linha mais fina ó e já deu uma destacada aqui pra pessoa entender que isso aqui é um vídeo o raio da bota né arredondamento vou colocar 10 aqui ó e aí fica assim Lembrando que a capa que vai aparecer aqui vai depender do desenho que você tiver colocado da imagem que você tiver colocado né E depois de tudo isso você clica em atualizar se você

quiser você pode pegar também ó copiar excluir daqui e colocar nessa são de baixo ou você pode copiar excluir vira aqui arrastar um contêiner para cá colar o vídeo aqui dentro e aí nesse contêiner você clica e vem aqui na largura dele e dá uma diminuída ó para ele não ficar tão grande na tela aí você vem nesse contêiner principal e deixa ele aqui alinhado ao centro pronto e aí quando você for olhar aqui no modo de telefone né você vem D uma ajustada que às vezes ele vai ficar muito pequeno aqui ele se adaptou

tá do tamanho normal E aí fica assim eu não vou colocar nenhum vídeo aqui nessa l peage então eu vou excluir tudo mas se você quiser colocar na sua fica à vontade pronto aqui também a mesma coisa ó se você quiser mudar o título clica aqui e altera ali clica e altera e sempre que você for alterando as coisas você clica em atualizar e se quiser alterar as cores das coisas lembre-se que aqui em estilo ó sempre que for cor vai ter um espectro Zinho da cor e se você quiser mudar o tipo da fonte

o tamanho a tipografia é aqui nesse lapizinho aí tem aqui a família da fonte e aqui tem o tamanho outra coisa que eu esqueci de mostrar para você aqui no início que eu mostrei as configurações padrões das cores mas não mostrei das fontes né então também dá para fazer essa modificação ó vem aqui em editar com Elementor, configurações padrões do site né configurações do site fica bugadinho assim mesmo é só o visualizador ó tá percebendo que eu fiz a imagem aqui Faltando um Pedaço dessa sombra tem que ir lá no canvo e corrigir na hora

que você for fazer a sua imagem você presta atenção você tá com essas failin aí você volta lá e corrige se tiver demorando carregar como está aqui você pode fechar vai no editor do Elementor que você já está né atualiza aqui primeiro e clica aqui nessas três Barrinhas que você também consegue chegar lá ó configurações do site aí vai ter aqui Fontes globais pronto aí aqui você consegue mudar a fonte aqui tem a fonte primária secundária texto Realce e subtítulo dois e título dos cards Então essa primária são as fontes que estão sendo usada em

todos os títulos ó esses títulos que são grandes todas estão puxando a configuração dessa fonte primária então se você quiser mudar o tipo da fonte por exemplo eu vou mudar aqui pra fonte tipo Monte serrar só para você ter uma ideia V cerrar vou colocar 600 se eu recarregar todos os títulos já vão ter sido alterados para essa fonte tá vendo ó todos já foram alterados aí os subtítulos que é este aqui chamado de secundário estão sendo usados aqui ó abaixo desses títulos principais já o texto tá sendo usado aqui ó aqui aqui também então

se você quiser pode configurar outra coisa para cá Realce que é o do botão subtítulo dois que é os que estão sendo usados aqui se eu não me engano ó que estão menores tamanho menor e temos ã o título dos cards que é o que tá sendo usado aqui nos cards cadê Aqui ó que é um tipo de texto maior também então tudo isso você pode alterar aqui que aí você altera uma vez só Não precisa ficar alterando em todas as abinhas lá aí depois que você alterar você clica aqui em atualizar e a quando

você recarregar já vai ter mudado aqui automaticamente ok depois disso é só clicar no x e aí você volta pro editor do Elementor pronto e aí aqui é assim quando tiver alguma caixa de ícone aqui como essa Você vai clicar para colocar um novo ícone tem o próprio ícone do Elementor que você pode clicar aqui você seleciona algum ícone se você quiser colocar um ícone mais bonitinho você clica aqui em enviar arquivo svg e baixa um ícone com formato formato svg e arrasta para cá eu gosto de usar o site flat icon lá tem vários

ícones gratuitos tem a versão paga também mas tem outros sites na internet que tem ícones svg aqui para você o legal de ser svg é que você consegue alterar a cor do ícone aqui se você quiser então sempre que quiser alterar alguma coisa vem aqui no estilo ó cor do ícone você consegue alterar tamanho e tudo mais mas a proposta aqui é que você não precisa mexer nisso né então você vai basicamente alterar as cores e o restante vai deixar como tá se você quiser acrescentar mais cartões aqui cards você clica aqui ó no contêiner

interno e aqui vai ter ó colunas você aumenta a quantidade de colunas ou de linhas ó vamos supor que você quer que fique quatro aqui por por linha mas que seja duas linhas aí você aumenta as linhas Clica com o botão direito clica em duplicar pronto e aí é só você ir clicando clica aqui muda o título clica aqui muda a descrição clica aqui muda o ícone né dá para você ir fazendo isso vou deixar do mesmo jeito aqui vou só voltar para uma linha só pronto aqui também mesma coisa clica e muda aqui para

você alterar as imagens Você vai clicar aqui vai ter o Carrossel né Você vai clicar aqui na lixeira vai clicar em limpar e aí ele vai deixar você criar um novo Carrossel Você vai clicar vai arrastar todas as imagens que você quer para cá vai selecioná-las ó e aí depois de selecionar Você vai clicar em criar uma nova galeria depois inserir galeria pronto só isso aqui também ó se você quiser mudar a cor do título você vem e muda muda a cor por aqui ou então você faz aquele esqueminha que eu mostrei para você no

título acima eu vou mudar só a cor Se você quiser mudar por aqui também ó para quem é aí você substitui acelerador de de negócios você substitui também só o texto mesmo tá as os códigos aqui você não mexe não clica aqui altera o título que você quiser aqui também a mesma coisa dos cards lá de cima se você quiser mudar a dinâmica você clica aqui colunas ó vamos supor que eu quero deixar três colunas é só você aumentar aqui as colunas unas ou diminuir tá então você organiza aqui da forma que você achar que

fica melhor os botões a mesma coisa aqui também a mesma coisa vou mudar sua cor já aqui ó eu vou fazer uma proposta diferente né algumas pessoas não não gostam de fazer assim de fazer uma imagem ilustrando cada um dos módulos então o que que a gente pode fazer usar ícones em vez disso então a gente vem clica em excluir né Clica com o botão direito e vai clicando em excluir em todos e aí a gente vem aqui em cima clica o botão direito copiar Clica com o botão direito colar e aí a gente vai

duplicando Essas caixas de ícones até que ficar a quantidade que a gente quer e aí é só vir aqui e mudar né que nem aqui a proposta é para ser os módulos E aí você vem aqui e vai trocando o título e a descrição também se quiser e os ícones pronto aqui embaixo a gente já mudou vou mudar Só essa cor colocar a cor amarela pronto essa imagem aqui eu fiz uma outra imagem também que eu fiz no canva que essa é bem facinho só você jogar mocap no canva que aí você consegue encontrar aí

se você tiver usado um modelo aqui como o meu que precisa ficar na parte de baixo você vai vir aqui no contêiner principal vai vir em avançado inferior você vai colocar zero vai vir neste contêiner interno aqui vai vir em avançado e em preenchimento você vai colocar zero preenchimento é o espaço de dentro tá pronto que aí ele vai ficar grudado como se tivesse saindo dessa extremidade Aqui de baixo pronto aqui não tinha pegado a cor né a gente vai clicar vai vir em estilo vai vir aqui em cor e vai vai selecionar a cor

azul aqui também vai fazer o mesmo esquema das cores lá de cima aqui a mesma cor se quiser mudar as imagens aqui do dos Presentes clica aqui e envie uma nova imagem para cá se quiser mudar os títulos clica aqui e as descrições aqui aqui também a mesma coisa só clicar aqui no caso essa listinha se você quiser duplicar para escrever mais coisas você clica aqui para duplicar se quiser editar você clica e abre e edita dá para editar os os textos os ícones e se quiser excluir é só clicar no x aqui também aqui

também não pegou né o espectro de cor você clica aqui em estilo clica na cor e seleciona essa cor aqui ele pegou uma cor meio avermelhada que eu tinha colocado manualmente você vem aqui em estilo aí vai ter aqui tipo de fundo eu vou pegar esse azul mais claro pronto ficou assim aqui também você vai só mudar o nome qu que é o nome aqui e aqui você vai mudar o texto né vai colocar um texto sobre você pronto aqui para você modificar os textos Você vai clicar aqui vai ter as abas você clica aqui

em título você muda a pergunta e aqui dentro você muda a resposta da pergunta ok aqui também vamos mudar o espectro de cor clica aqui clique em estilo a cor eu vou selecionar esse azul mais claro pronto e aqui já sabe né tudo editável você clica e vai mudando os textos aqui também eu vou colocar uma outra imagem que eu também fiz no canva mais pra frente no tutorial vou ensinar vocês a fazer essas imagens aqui também Essa é aquela lá de cima tá e as do mobile também do celular pronto ficou assim aí agora

a gente vai mudar esses traços de cores aqui que está de vermelho a gente vai vir aqui em personalizar Tá vendo você vem na página deslogar clica lá em cima em personalizar clica em CSS adicional aí Aqui onde tem escrito segundo é referente a esse traço de cor avermelhado eu quero colocar uma cor dourada então ou amarelada né eu vou pegar esse meu tom de amarelo e tá vendo este código aqui onde tem hashtag é um código da cor aí a gente vai colar tá vendo já substituiu aí ele como ele é um código só

ele já substituiu nos outros lugares também agora paraa gente modificar aqui na barrinha a gente vai vir aqui aqui embaixo aí onde tem aqui background ó onde tem aqui background você vai colocar a cor mais escura eu vou colocar uma cor azul escuro vai ficar assim e vou pegar essa cor amarela e vou mudar aqui embaixo para que a cor desse simbolozinho fique amarelo e aí ficou assim ó já mudamos todas as cores você clica em publicar pronto se a gente acessar o site olha poucos cliques ele já tá completamente diferente para você mudar o

ícone da logo do site tá vendo que aqui no navegador tem uma um Icone Zinho vermelho para você mudar é aqui também você clica em personalizar tem aqui ó identidade do site aí tem aqui ícone do site Você vai clicar em mudar ícone aí você vai arrastar o ícone da sua logo para cá pronto localizei arrastei para cá vou clicar em selecionar tem que ser assim quadrado tá para ele não cortar vou clicar em pular recorte e vou clicar em publicar E aí pronto se eu acessar aqui a minha página o ícone dela já passa

a ser este aqui O restante pessoal é completamente alterável os textos e tudo mais né Acho que ficou aqui pendente para eu alterar su a logo né que eu posso alterar aqui Depois termos de política de privacidade Ó você vai clicar aqui você vai ser redirecionado paraa página de política de privacidade isso eu vou indicar para você um vídeo diferente porque você precisa fazer uma configuração no seu site que é para adequar ele a lgpd que é a lei geral proteção de dados e aí você precisa colocar um consentimento de cooks no seu site iG

tem aqui na minha loja ó quando você acessa tem essa abinha aqui você aceitar os C de rastreamento Então você precisa colocar isso E aí Neste vídeo te ensinando a colocar essa configuração eu já te mostro lá como que faz a página de políticas de privacidade E aí você só vem e substitui vou te ensinar a fazer essa imagem aqui e os banners a gente precisa adaptar ele para o celular e aí agora você precisa só dar uma ajustada para o mobile né que são dispositivos móveis no tablet e no celular aqui no Elementor se

você clicar aqui embaixo em modo responsivo vai aparecer aqui para você essas três opções aqui você está vendo como o site se comporta no computador aqui você vê como ele se comporta no tablet e aqui como ele se comporta no o celular já vem tudo configurado em questão de espaçamento e tamanhos né só as imagens que a gente precisa trocar aqui só modificou porque a gente tinha mexido aquela hora né então é só clicar aqui eu tô na na aba de tablet vou clicar aqui e vou modificar pra ficar com duas colunas que aí fica

melhor assim então aqui ó você pode fazer um teste você clica aqui no contêiner principal vem estigo vem aqui em posição coloca inferior centro ou inferior a direita inferior à direita para ver se a imagem que você fez vai se adequar e ficar no lugar certo provavelmente não então o que a gente tem que fazer é criar um novo modelo de imagem de banner pra gente substituir lá e aí você vai vir aqui dentro do canva né vai abrir uma nova tela aqui dentro do canva vai clicar em criar um novo design tamanho personalizado vai

escolher tamanho 1200 por 600 vai clicar em criar um novo design e aí nós vamos pegar todo esse nosso banner aqui ó arrasta e copia tudo clica aqui e cola aí você vai enquanto ainda está arrastado você ainda enquanto ainda está selecionado né você arrasta Aqui para baixo clica neste que esse aqui tá agrupado né ou então você seleciona assim ó que aí você seleciona tudo dá pressiona control c né para poder copiar tudo clica aqui pressiona control V para poder colar arrasta Aqui para baixo clica aqui no de fundo pressiona control c clica aqui

cont control V para colar pronto aí você vai adaptando Clica com o botão direito em cima de alguma coisa passa o mouse em camada e clique em mostrar camadas para você ver vamos ver se aqueles aquele Pat que a gente copiou se ele veio parece que não esses daqui ó Então a gente vai copiar de novo vai clicar aqui e vai colar agora veio aí a gente posiciona você pode inclusive vir aqui no banner original pressionar cont control Z cont control Z cont control Z ele voltar para estágio original dele quando ele estava certinho e

aí você clica aqui em cima de alguma coisa clica em camada mostrar camadas que aí você vai ver exatamente ó a disposição certa das camadas então aqui tá certo aí Aqui onde é esse patn ele tem que tá aqui tá vendo ó Então agora ele tá aqui no início ele tinha que tá aqui embaixo para ele ficar embaixo das coisas e aí você vai reposicionando ó reposiciona a imagem do moço legal que você pegue esse APN aqui clique com o botão direito e deixa ele bloqueado para você conseguir mover as outras coisas sem ele ficar

sambando aí você consegue selecionar ó esses itens aqui e aumentar para ajustar né ó e aí você posiciona mais ou menos assim você vai ajustando né posiciona aqui a sombras tudo certinho e pronto esses banners aqui de baixo já não precisam Então a gente vai vir neste vai vir em compartilhar baixar e clica em baixar Quando você baixa uma imagem só de cada vez assim ele não fica não baixa em uma pasta zipada não ele baixa uma imagem só aí você vem aqui no contêiner principal clica em imagem e arrasta essa imagem que você baixou

para cá clica em selecionar e pronto aí você vem aqui em posição e tenta deixar ó lembre-se quando você troca a imagem ele dá um bugzinho mesmo então é legal você atualizar e recarregar a página ó contêiner principal e estilo aí aqui na posição você pode colocar inferior ao centro e testar a posição aí a gente pode vir aqui em layout e diminuir um pouco a altura aí você pode ir testando vendo o tamanho da imagem também que fica legal para você você volta aqui no canva Coloca ele um pouco mais alto né Aí você

vai testando e vendo o que que funciona para você o restante aqui já tá tudo certo se você tiver modificado que nem eu tinha mexido né lá na na parte do desktop tiver modificado e aqui não tiver uma disposição legal você vem aqui e altera provavelmente vai est assim né vai est quatro colunas para você ou três então você vem aqui e altera que é legal deixar duas colunas para não ficar tão estreito e difícil de ler né aqui nesses daqui também se você quiser modificar você pode deixar duas colunas por vez ou uma coluna

por vez aí Altera a quantidade de linhas também que ficou tá aqui você vê ó 1 2 3 4 ficou quatro linhas Então você tem que vir aqui e colocar quatro linhas também para não ficar com código errado tá então Essas aqui que tem essas disposições de colunas e linhas você pode ir adaptando conforme o tamanho aqui do layout também ok o restante de espaçamento já vai vir configurado e no cular a mesma coisa no celular ah ó como eu mexi lá tá vendo mexi aí mudou a disposição aqui vou diminuir para uma linha e

não uma coluna e seis linhas pronto fou um abaixo do outro aí aqui no mobile você tem que mudar essa imagem do Banner Então a gente vai vir aqui no Cambo vai fazer a mesma coisa que a gente fez só que com tamanho de celular vai vir em criar um novo design tamanho personalizado Aí dessa vez é 1880 de largura e 1300 de altura Criar novo design vai fazer a mesma coisa vou até duplicar esse aqui pra gente ver ó vai arrastar tudo aliás primeiro eu vou clicar nesse vou clicar em desbloquear para ele já

vir junto vou arrastar tudo dá control C clica aqui control V aí eu vou arrastei para baixo clico aqui nessa imagem de fundo clico em copiar control C clica aqui clica em colar e aí o restante a gente vem aqui e ajusta o pattern não veio de novo então a gente copia e cola ele aqui de novo Ah não já tinha vindo aqui embaixo só tava meio apagado pronto aí a gente vai ajustando aqui no caso do pattern a gente pode até desagrupar e apagar um bocado deles né que nem precisa desses todos a você

seleciona só o que for necessário e vai aumentando Aí clica o botão direito clica em par novamente e clique em bloquear novamente pronto clique o botão direito em alguma coisa pera aí eu vou desbloquear porque eu não consigo acessar as camadas vou clicar com o botão direito camada mostrar camada e eu vou colocar ele no lugar certo que é aqui embaixo pronto aí depois eu clico botão direito clica em bloquear aí eu consigo mover as coisas aqui em cima agora e aí você faz o mesmo ajuste né copia essas informações aqui e a DECO aí

nesse caso você vai colocar ele no meio porque o texto vai ficar aqui em cima Então pensa que você não pode aumentar tanto a imagem a ponto de sobrar só um espacinho aqui em cima não porque vai usar muito texto Olha só como é que tá a disposição aqui tá vendo a imagem da pessoa tem que tá bem aqui no finalzinho tem que ficar ficar pequena bem aqui no finalzinho e deixar esse espaço aqui de cima para ser o espaço do texto Então você vai fazer isso E aí aqui eu fiz uma disposição diferente desse

desse item aqui ó eu fiz assim selecionei cliquei aqui arrastei deixei assim meio que na diagonal e aí aumentei e aí arrastei ele aqui ó pra pra cabeça do ator ficar um pouquinho para fora aqui também tô mostrando aqui mais ou menos mas aí no seu você ajusta direitinho deixa tudo milimetricamente posicionado Tá se ficar torto aqui igual esse tá vendo que a o tracinho Dourado não tá agrupado corretamente aí você vem e dá uma ajustada ó deixa eu deixar tamanho ok aqui pronto você clica aqui e aí você vai rodando ó posicionando até ele

ficar retinho com essa Barrinha E aí você clica e chega ele bem próximo da Barrinha para ele ficar como um acabamento para essa Barrinha E aí beleza aí você baixa aí nesse caso aqui você precisa configurar o esse banner aqui para ficar do tamanho certo e esses outros aqui também é só fazer a mesma coisa copiar adicionar uma nova página clica aqui clica nessa cor deixa de branco Cola esse separador posiciona ele aqui no meio vem aqui nos outros e copia e coloca lá também ok Aí depois que você terminar você clica em compartilhar clica

em baixar clica em baixar novamente aí vai baixar a pasta zipada pro seu computador com todas as imagens aí você vai clicar no contêiner vai vir em estilo imagem e vai arrastar a imagem do banner para cá Aí você seleciona e alinha aqui a depender do tamanho que vai ficar o seu título né Às vezes você colocou mais texto do que foi o meu aqui então você tem que vir aqui vir em estilo diminuir um pouco o tamanho do título ou então você tem que aumentar o tamanho dessa imagem para ela não ficar tão com

a cabeça dele cortando aqui tá vendo ou então você vem aqui no contêiner vem em layout em altura e aumenta a altura da imagem ó que aqui também funciona tá então a depender do seu layout aí você tem que dar uma ajustada aí você vem e substitui a imagem aqui também olha vem aqui nesse contêiner clica aqui nesse contêiner vem em estilo imagem e muda a imagem que tá aqui para aquela nova que você colocou aqui também a mesma coisa nesse aqui também é a mesma coisa você clica Você clica aqui no contêiner vem estilo

imagem e arrasta para cá a imagem no e a mesma coisa nesse aqui vem em estilo e arrasta para cá a imagem nova que você fez e aí pronto já tá configurado em todos os dispositivos agora eu vou te ensinar como fazer essa imagem aqui ó você vai vir também no canva pode ser até que nesse mesmo tamanho de imagem você clica em adicionar o novo aí você vem aqui em elementos clica aqui em formas eu peguei essa forma aqui aí você vai expandir ela vai deixar tamanho da altura que você quer vai colocar da

cor que você quer coloquei essa cor de azul pronto e aí no meu caso eu quis fazer aquela textura com esse partem né então você pode copiar ele pode copiar um só se você quiser ó desagrupe vou pegar só um colei aqui e vou aumentá-lo aí eu vou vir aqui em elementos vou voltar aqui vou pegar um Elementor de moldura eu vou pegar uma moldura que seja igual a essa moldura que eu escolhi para cá que é essa aqui aí essa imagem do pattern eu vou adicionar vou adicionar ela aqui dentro é como ele não

tá entrando porque ele não é um um objeto de imagem eu posso primeiro salvar ele como uma imagem ó arrasto para cá Aí eu salvo essa imagem aqui se eu quiser salvar só ela eu clico aqui em baixar aqui em todas as páginas eu desmarco as outras e deixo só a página quatro e clico em pronto e em baixar que ele vai baixar só essa página quatro aqui como imagem Ah esqueci de fazer uma coisa tem que marcar como transparente o fundo tá gente baixar só a página 4ro e marca aqui em cima como fundo

transparente e clica em baixar pronto aí baixo a imagem eu trago ela para cá de volta e aí eu consigo adicionar ela dentro dessa moldura aí consigo pegar a moldura e colocar aqui aí eu ajusto para ficar bem do tamanhozinho dessa minha moldura de cor pronto aí agora você vai pegar a foto que você quer da pessoa vou pegar que já tá aqui copiar vou colar aqui em cima e arrastar deixa do tamanho que você quer e depois você arrasta aqui para cima legal que você faça assim ó porque percebe que eu não tô conseguindo

colocar porque ele tá entrando pra dentro dessa moldura Então você faz assim ó pega essa moldura do P joga para cá posiciona a imagem do jeito que você quer primeiro ó posiciona deixa bem rente aqui tá ao final não deixa sobrando não porque senão fica com aquela sensação de imagem mal cortada mal acabada tem que deixar bem rente ao finalzinho pronto aí depois que você fizer isso aí você vem coloca a moldura aqui por cima posiciona certinho posiciona ela bem certinho aí depois disso você clica em cima dela clica em camada mostrar camadas E aí

você coloca ela abaixo do homem ela não vai ficar passando pronto aí depois você vem aqui clica em compartilhar baixar seleciona sua imagem que você quer né que no caso é essa do homem pronto e clico aqui em fundo transparente e em baixar E aí Prontinho você vai ter feito essa imagem aqui da moldura E aí essa imagem aqui ó que eu fiz eu fiz seguinte eu vim aqui na página no meu caso eu estou falando conteúdo disponibilizado né Você pode tirar um print lá da sua área de curso também ou de como é que

você faz para entregar o seu produto ou serviço nesse caso aqui como é um curso eu cliquei no botão direito cliquei em inspecionar coloquei aqui no modo de telefone E aí tirei um print aqui da essa tela aqui no meu computador tem essa ferramenta de print aqui que é que chama captura eu cliquei em novo e ele me deixa tirar uma captura da tela aí eu seleciono control S meu computador é Windows tá e venho aqui e salvo Pronto já tenho a imagem aqui aí eu venho aqui no posso pegar até aqui mesmo Vem aqui

em elementos ou então aqui é pode ser que em elementos também e pesquiso por mockup ó aqui já tem dispositivos E aí você pode vir aqui colocar um mockup de telefone, mockup de computador ou então você vem aqui no design e coloca mockup, mockup computador, mockup celular mockup celular, mockup computador e aí você encontra um que você acha que fica legal o que eu peguei lá foi mais ou menos parecido com esse aqui que tem uma mãozinha né segurando e aí todo o restante eu excluí e coloquei imagem só aqui dentro então arrastei a minha

imagem para cá e posicionei ela aqui no meu mockup aqui no caso como eu quero que a imagem fique grande né primeiro eu aumento o mockup e depois eu venho e coloco a imagem e aí você vem e posiciona ela do jeitinho que você achar que fica legal se você achar que tá ficando feio você pode vir aqui em elementos pegar uma moldura aí você posiciona essa moldura ó pra imagem ficar com arredondamento Tá vendo você posiciona a moldura aqui certinho onde vai ficar em cima e aí depois você vem arrasta a imagem para cá

posicione a imagem certinho tem Maps que você vai pegar que vai deixar que você já adicione a imagem do lado de dentro tá então você procura por um que se adeque aí do jeito que você quer e posiciona a imagem e aí depois mesma coisa clica em compartilhar baixar salva com fundo transparente e pronto pessoal então é isso fiz questão aqui de ensinar todos os aspectos do banner para que mesmo que você seja iniciante nunca tenha feito nemum banner nem nada você consiga fazer um igualzinho esse daqui o intuito desse vídeo foi você pular bastante

etapas não precisar criar o layout inteiro só mudar os banners os textos as cores aqui né tem outros modelos de lunch na nossa loja também e aí você vai seguir o mesmo preceito só que no caso dos banners aí você vai assistir um outro vídeo porque é para cada Landing Page por exemplo Neste vídeo aqui da Landing Page da Aurora Eu fiz um vídeo separado só ensinando a fazer todos os banners aqui da aurora no caso da Landing Page de tráfego Supremo Eu fiz um vídeo separado só ensinando a fazer esse tipo de banner então

para cada projeto que você pegar vai ter um vídeo ensinando a fazer exatamente a imagem se você quiser fazer com layout parecido Ok e depois de finalizar o projeto tem o terceiro passo que você tem que seguir que são algumas dicas para o seu projeto funcionar né e o seu marketing funcionar certinho primeiro se você for deixar essa página no ar né se não for só um lançamento é legal que você instale um plugin de se que é um plugin que a gente configura o site para ele aparecer nas primeiras posições do Google né mais

rápido otimização que são configurações que a gente faz no site para ele carregar de forma rápida para não ficar l então então é importante fazer para tudo isso aqui tem vídeo no canal ensinando tá E tudo que eu falo você pode clicar aqui na descrição do vídeo que vai tá lá olha aqui na descrição do vídeo tem esse texto e tem esse mais você clica e você abre a descrição E aí todo o material fica aqui para você inclusive o material de apoio que são as imagens que eu fico falando fica aqui embaixo tá ó

baixo material de apoio você clica aqui se você quiser comprar hostinger também que é hospedagem Ó tem o nosso link Se você comprar com o nosso link nós afiliados e parceiros você nos ajuda a trazer mais conteúdos de relevância para você e temos um cupom de 10% também e aqui embaixo ó fica os vídeos que eu cito aqui fica os capítulos Então tá dividido você pode clicar aqui e ir direto pra parte do vídeo onde eu tô ensinando a fazer isso Tá Mas os vídeos que eu tô mencionando ó fica tudo linkado aqui então Ó

lgpd que é a lei geral de proteção de segurança de dados é obrigatório você ter isso no seu site todo site que você entra na internet tem que são seos consentimentos de cooks então tem vídeo no canal ensinando como cadastrar nas ferramentas do Google também Google Analytics Google Search console que são ferramentas para te ajudar no seu marketing tem a Playlist de design que tem mais vídeos ensinando a fazer outros banners diferentes se você gostar de outros modelos tem vídeo aqui no canal playlist de Marketing com Elementor então tem te ensinando a instalar Pixel do

Facebook Pixel de conversão várias coisas plugin segurança para evitar que seu site Seja invadido né seja corrompido e o mais importante de todo como fazer backup se você tem um backup pessoal você fica totalmente resguardado que se acontecer alguma coisa seu site foi invadido você deixar de pagar a hospedagem e esquecer e voltar depois de um tempo seu site não vai ter sido perdido você pode migrar para outro plano se você quiser então assim se você tiver um backup tá tudo certo você não precisa ter medo de nada der algum problema é só você upar

o backup que você fez que aí você restaura o site do jeitinho que ele tava antes de acontecer o problema você não precisa refazer o site de novo tá e aí ficou assim vamos dar mais uma última olhada tô fazendo isso aqui principalmente para as pessoas que vêm conferir como que ficou o projeto né quando você vai assistir um vídeo de como criar um site completo você pesquisa me parte do vídeo para ver se mostra o site tudo então aqui está destinado principalmente a essas pessoas. Se você curtiu deixa um like no vídeo, se inscreve

no canal, me segue nas redes, um abraço, até a próxima, tchau.