Como Fazer uma LANDING PAGE no WordPress e Elementor Grátis [Página de Vendas Passo a Passo]

Neste vídeo eu vou te ensinar a criar uma página de vendas usando o 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. 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 de 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 de 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 deixo 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 Vens que eu citar os links ficam aqui os nossos links de parceiro 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 descomp gandos sites.com.br e para você usar um link assim personalizado com o 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 é Aos 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 aí você clica aqui no nosso link se tiver demorando carregar você pode clicar de novo no link ou então você recarrega tá que às vezes o YouTube ele ele limita essa redirecionamento de links

então só você clicar de novo aqui e ó tá vendo Às vezes acontece isso também aí você recarrega que aí redireciona direitinho lá pra Hostinger Beleza então tá 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 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 premo 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 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 uns juros a mais mas não 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 pague agora depois de efetuar o pagamento ele vai te redirecionar para essa página para você já fazer a instalação do seu WordPress o 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 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 clica 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 tá 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 pcom.br e está disponível o

ponto.com também eu não recomendo que você compre o domínio que não tenha o .com.br disponível ou que não tenha o .com Por quê na 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 pcom e a.com.br que estão as mais usadas Ó você pode ver aqui que não é muito cara esse daqui mesmo primeiro ano você consegue pagar R$ 19,90 e esse daqui do.com.br você consegue pagar R$ 990 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 ser curso ADN ADN curso coloca uma palavra que seja sinônimo até você encontrar uma aqui esteja disponível Ponto 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 tão disponíveis né eu vou pegar essa do pon 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 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 a 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 a sua página de vendas esver 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 email que eu falei para vocês é esse daqui

tá vendo ó você vem aqui em para e confirma que está sendo enviado pela Hostinger 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 ponto .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 aparecendo erro DNS tá quando começar a aparecer uma página roxinha da Hostinger ou então aparecer uma

página assim escritor 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 anar 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á 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 a 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á outra coisa se você tiver deslogado da Hostinger e for logar de novo Tem duas maneiras de você encontrar aqui o seu site você pode clicar aqui

em sites que aí aqui vai ter os sites que você instalou aí aqui no meu caso é esse aqui ó curso adn.com e você clica aqui em gerenciar E aí você pode clicar aqui em WordPress clicar em visão geral que aí você consegue logar lá dentro do site e se você tiver esquecido o login a senha você pode pode clicar aqui ó porque você vai parar lá dentro do site dentro do painel administrativo logado se você lembrar do login a sen que você colocou inclusive Toda vez que você for logar no site você não precisa

sempre entrar na hospedagem se você não quiser você pode vir direto no link aqui seu colocar bar WP admin que você já cai aqui na página de login aí você vai colocar aquele login aquela senha que você criou ou então você pode clicar aqui em WordPress que aí você cai logado lá dentro aí se você tiver esqueci do login a senha estando logada aqui dentro do painel você consegue alterar Olha você consegue vir aqui em usuários todos os usuários vai ter o seu usuário você clica em editar E aí aqui vai ter ó definir nova

senha você consegue gerar uma senha aqui e clica aqui em atualizar o perfil Ok inclusive sempre que você acessar o seu link bar WP- admin se você tiver logado você vai cair aqui dentro do painel administrativo do WordPress e se você tiver logado e acessar o link do seu site direto amente Ó você vai ter acesso ao seu site se você recarregar aqui a página vai aparecer essa barra preta ela é normal de aparecer e só aparece para você administrador do site o cliente o usuário que for acessar não tem acesso a isso daqui inclusive

para testar Você pode por exemplo copiar o link aqui do seu site acessar uma guia anônima você vem aqui no Google ó coloca aqui nova janela anônima que aqui você vai estar acessando deslogado aí você vai ver que não tem aquela Barrinha ali em cima Sempre que você quiser conferir Como que o usuário deslogar está vendo o site você pode vir aqui acessar uma guia anônima Ok bom pessoal a página que nós vamos criar hoje vai ser esta eu fiz ela usando o Elementor free e WordPress então a gente não vai precisar usar plugins pagos

e outras ferramentas caras para criá-la porque a gente usou esses recursos gratuitos como você pode ver tá bem bonita com layout bem profissional de alta conversão e tudo que está aqui eu vou te ensinar a criar também então os B as imagens tudo eu vou te ensinar a criar passo a passo Tá mas agora a gente também tem uma loja de templates então se você não quiser criar passo a passo o projeto você pode comprar esse template e só ir editando editando os títulos as cores os textos então Ó eu já deixei o link aqui

no botão se você clicar você já vai direto aqui pra minha loja na página onde está vendendo o template dessa l de peix tá e aqui na página inicial da minha loja mais aqui embaixo tem um vídeo ensinando como usar o template como instalar ele no seu site fazer alterações OK agora que a gente já comprou a hospedagem instalou aqui a gente vai fazer algumas configurações alguns ajustes no WordPress vamos vir aqui em configurações geral se o seu tiver instalado em inglês você consegue alterar o idioma dele por aqui ó em idioma você escolhe português

do Brasil e clica aqui em salvar Se você quiser mudar o formato da data pode mudar por aqui também e se você quiser mudar o título do site que é como vai aparecer lá em cima você pode mudar por aqui eu vou mudar para acelerador de negócios geralmente ele pega o nome do domínio né aí esse título aqui é o que vai aparecer aqui em cima como do meu site por exemplo tá vendo que aqui na barrinha de cima aparece descomplicando sites então é esse título e a descrição é o que aparece depois desse título

tá vendo que tem um traço e tem escrito aprenda como criar s parece então o que você colocar na descrição vai aparecer depois do traço eu vou colocar aqui aprenda a faturar 100 k por mês aprenda a faturar 100k por mês na sua empresa os links você não pode alterar de jeito nenhum se você mudar os links por aqui um ponto que seja uma vírgula que seja o site vai quebrar você vai ter que instalar de novo tá link a gente não muda por aqui agora o e-mail administrador você pode mudar às vezes você colocou

um e-mail que você não usa tanto se você quiser mudar para outro pode mudar por aqui também o an deixa mais ou menos como está e clica em salvar outra coisa que a gente pode alterar por aqui também é o ícone do site tá vendo que aqui em cima aparece a minha logo pequenininha Então por aqui você consegue colocar o ícone do site eu vou clicar e vou arrastar o ícone para cá Lembrando que no material de apoio que está aqui na descrição do vídeo eu deixei todas as imagens que eu estou usando aqui no

projeto para você ó só você colocar a imagem e depois clicar em Salv alterações aí já mudou ali em cima agora A gente vai instalar instar o tema e instalar o elementor o tema é como se fosse o sistema operacional do seu site assim como no seu telefone por exemplo que tem sistema Android ou então sistema iOS no caso do iPhone assim vai ser o tema o tema é responsável pelas configurações básicas do site só que como a gente vai usar o elementor que é um plugin e plugins são como se fosse aplicativos de celular

seu celular não vem com função de banco você tem que instalar um aplicativo para te permitir fazer isso a mesma coisa no WordPress não vem com a função de construir páginas tão dinamicamente que nem o elementor faz então a gente tem que instalar o elementor para fazer isso sempre que você quiser instalar um novo plugin você vem em plugins adicionar plugin aqui pela lupinha você pesquisa o nome do Plugin se atende que o nome tem que estar certinho tá senão você não consegue encontrar ele por aqui ou você pode clicar aqui em populares que por

aqui também fica os mais usados inclusive o elementor que é o plugin que a gente vai usar ele já tá aqui ó elementor Website Você pode pesquisar na lupinha ou então V aqui em populares clicar em instalar e ativar em cima de elementor Pronto pode clicar em voltar se você vier aqui em plugins plugins instalados você vai ver todos os plugins que estão aqui que já vieram instalados no site esse plugin aqui que é o LiteSpeed Cache a gente vai clicar em desativar ele porque ele é um plugin de performance otimização ele é muito importante

para deixar o site mais rápido mas quando você está criando às vezes ele pode ficar dando um bugzinho no processo e atrapalhar então por enquanto vamos deixar ele desativado outra coisa que vamos fazer a instalação do tema que é aparência tema por padrão ele já vem com esses três temas instalados a gente vai excluí-los porque a gente não vai usar eles então não precisa deixar instalado clica em cima desse clica em excluir ok clica em cima desse clica em excluir e Ok E aí esse único aqui a gente não consegue excluir porque tem que ter

pelo menos um ativo a gente vai clicar em Adicionar novo tema Vamos ir aqui ó geralmente já aparece aqui como mais populares o Hello que é o que a gente gosta de usar se não tiver aparecendo você pesquisa aqui na lupinha escrito Hello É esse aqui você vai clicar em instalar e depois em ativar Pronto agora já liberou pra gente excluir o outro beleza já finalizamos aqui o nosso primeiro passo e agora vamos para o segundo passo que é a criação da nossa página primeiro nós vamos vir aqui em páginas todas as páginas já vem

por padrão a página de políticas e privacidade ela a gente pode deixar porque é necessário ter no site quando você for ver o vídeo de lgpd que é a lei geral de produção segurança de dados você vai ver o uso dessa página então pode deixar ela aí vamos clicar em adicionar uma nova página e aqui você vai criar a sua página eu vou colocar o nome de curso ADN no meu que é acelerador de negócios pode colocar o nome que você quiser vou clicar em publicar duas vezes tá publicar e publicar de novo aí para

voltar você pode clicar aqui no ícone pronto a página já está criada agora ó preste atenção isso é muito importante nós vamos definir vou até colocar aqui em cima definir essa nossa página como página inici porque ó outra coisa se a gente voltar a acessar aqui o site você vai ver que ele vai ter mudado e é isso mesmo mudou porque a gente trocou o tema aquele tema que a gente estava usando antes que tinha aquele monte de coisas O Hello Elementor ele é um tema em branco pra gente criar tudo do zero mesmo tá

E aí essa aqui é a página de posts tá vendo que tem esse aqui escrito arquivos porque por padrão WordPress ele vem com a página de post com a página inicial a página inicial significa a página que vai ser acessada quando você acessa o link aí pra gente colocar essa página aqui como inicial a gente vem em configurações leitura coloca assim sua página inicial exibe aí você vai colocar uma página estática clica aqui vai selecionar qual página que é essa página que a gente criou aí vai clicar aqui em salvar alterações se por acaso a

sua não tiver aparecendo aqui para você selecionar foi porque você não publicou ela ela está assim ó como rascu se ela tiver assim né você vem em páginas todas as páginas se ela tiver assim você clica aqui em edição rápida e muda aqui de rascunho para publicado no status e clica em atualizar que aí ela vai passar a aparecer aqui para você ó tá vendo antes não estava aparecendo a política agora tá aparecendo Então beleza depois que você fez isso agora nós vamos começar a criar o layout da nossa página eu separei aqui em algumas

divisórias para poder explicar para você Cada sessão que a gente for fazendo da página todas as páginas de venda que você for ver você vai conseguir observar este padrão aqui de sessões que são sessões que a gente vai usar vários gatilhos mentais diferentes em cada uma delas e eles juntos somam uma boa copy uma copy que vai fazer com que o seu produto converta e venda mais então pelo menos essas sessões aqui você tem que ter na página tá então primeiro a primeira dobra coloquei aqui que na primeira Dobra a gente tem que ter uma

headline um vídeo e um CTA sendo que o vídeo ele é opcional Você pode ter um vídeo ou apenas o CTA a headline é este primeiro título e neste primeiro título você tem que descrever de uma forma clara e objetiva Qual que é o resultado que o seu produto ou seu serviço vai trazer para aquela pessoa a primeira dobra é uma das mais importantes da página porque é logo aqui que a pessoa vai se decidir se ela vai continuar te dando um pouco mais de atenção e Se permitir ser convencido ou sala já vai sair

direto da página então é muito importante que você descreva informações de forma Clara tá agora não é hora de deixar a pessoa confusa é hora de falar exatamente o que ela quer ouvir então aqui a headline geralmente a gente coloca mais alguns subtítulos contextualizando e reforçando essa narrativa um vídeo aqui se você quiser explicando mais sobre o produto ou serviço e um botão CTA significa chamada para ação Call to Action e o CTA é um botão ou um link que a pessoa possa clicar e efetuar a ação que a gente quer que no caso aqui

a a compra tá depois vem aí os módulos ou que será entregue aqui no início ou você pode colocar direto né O que que o seu serviço produto ou curso vai entregar ou então você faz uma prévia pra pessoa já ver ali do que que se trata E aí mais pra frente você pode colocar um conteúdo mais detalhado sobre o que que cada tópico ou cada módulo enfim do que você tá entregando vai ter tá então aqui pode ser de uma forma mais abrangente né s sobre o assunto do qual você vai tratar no seu

curso ou serviço ou produto então aqui nesse caso eu coloquei né Por exemplo sobre o que que é o acelerador de negócios né que é a narrativa do nosso curso aqui coisas que a pessoa vai aprender dentro do curso aí depois para quem é ou depoimentos não precisa necessariamente seguir essa ordem tá só a primeira dobra que tem que seguir agora o restante Você pode organizar da forma que você acha melhor mas eu acho essa organização aqui ok para quem é o depoimento eu coloquei aqui primeiro depoimentos que é onde a gente vai exercer o

gatilho mental da prova social né E aí pode ser depoimentos de outros alunos ou outros clientes que você tenha tido ou então se você produz conteúdo pra internet pode ser depoimentos de pessoas falando do seu conteúdo falando da transformação que você causa né pode ser print de Direct de comentários no Instagram comentários no YouTube né isso tudo são depoimentos acerca de você da sua empresa do seu serviço aqui para quem é né tá vendo eu coloquei uma ordem diferente aqui então aqui sim ficou para quem é que aqui você vai descrever o seu público ideal

né aquele cliente ideal que seria o cliente paraa qual você está direcionando este produto e eu coloquei aí agora sim ã os módulos ou conteúdo detalhado do que que vai ter dentro do seu curso mentoria produto serviço Então essa sessão aqui é uma das mais importantes porque a pessoa na hora que ela for comprar você tem que ter deixado bem Claro para ela o que que você tá vendendo tá até para se acontecer algum problema depois você tem como comprovar que a pessoa sabia exatamente de que tava comprando então aqui você descreve tudo ó não

precisa falar detalhar cada aulinha que vai ter mas por exemplo no modulo um você vai aprender blá blá blá no modo dois você vai aprender tal coisa no modo três tal coisa depois vai ter bônus depois vai ter aulas sobre coisas entendeu então você tem que deixar claro o que que a pessoa vai receber então essa sessão aqui você vai falar né do dos módulos do curso ou das características do seu produto ou serviço outra são que você tem que ter também que eu coloquei aqui mais para baixo Mas aí você pode colocar logo abaixo

que são os bônus né bônus ou como que o conteúdo vai ser disponibilizado também é interessante no caso disso aqui é um curso Então ele vai ser disponibilizado em formato de vídeo né Você pode até falar dentro da plataforma tal aqui né eu coloquei uma narrativa como se a pessoa fosse colocar algum alg umas aulas semanais também então você pode deixar tudo explicadinho aqui e aqui alguns bônus essa sessão de bônus é interessante porque a gente gera o gatilho da ancoragem de preço de forma que a pessoa enxergue que o curso Ele tá um valor

muito abaixo do que ele realmente deveria custar vendo que além do conteúdo Você ainda está entregando alguns bônus gratuitamente Então essa é a hora de você colocar alguns bônus aqui também e a sessão de oferta né sessão de oferta é onde você vai realmente falar o preço e reforçar novamente tudo que você vai estar entregando dentro do seu produto por seu serviço então aqui ó eu coloquei né O que que a pessoa vai receber o curso acesso ao grupo biblioteca todas as coisas que ela vai receber aqui eu fiz uma ancoragem de preço né coloquei

quanto que valeria esse curso se os bônus e tudo mais fosse cobrado e aqui o valor real e aqui é interessante que a gente coloque neste formato a gente coloque o valor parcelado para que a pessoa com consiga enxergar que ela consegue adquirir esse produto porque às vezes se você coloca um valor cheio ela pode ver que é muito caro mas se você já falar para ela que que é um valor parcelado ela consegue encaixar na realidade dela tá é o CTA né que é a chamada para ação inclusive o CTA essa chamada para ação

você tem que espalhar ele ao longo da página porque às vezes a pessoa é convencida aqui às vezes ela é convencida por aqui então é bom que você tenha em vários lugares e o botão para que a pessoa clique né não precisa ficar procurando na página o botão e des e a sessão de garantia também que toda plataforma e também isso é determinado por lei né você precisa dá pelo menos 7 dias de garantia se a pessoa não gostar ela pede o reembolso quando é um conteúdo um serviço disponibilizado dessa maneira né que a pessoa

ainda não sabe qual que é o serviço que vai ser disponibilizado então toda a plataforma dá pelo menos 7 dias de garantia Mas isso é moldável lá você que determina E aí você faz uma sessão isso ajuda também a pessoa a ter mais segur para comprar visto que mesmo que ela entre lá e veja que ela não gostou talvez não seja o que ela tá esperando ela pode pedir o reembolso então é importante você deixar isso aqui descrito tá e a sessão de sobre eu sobre nós sobre nossa empresa né detalhando aqui sobre a pessoa

ou a empresa que vai prestar esse serviço é muito importante você descrever sobre você sobre a sua história O que faz de você um bom professor ou um bom prestador deste serviço ou deste produto essa sessão aqui também é uma das mais importantes que é a sessão de fac né perguntas e respostas porque às vezes a pessoa não tem paciência de ver o restante do conteúdo né às vezes ela tem uma dúvida e isso aqui você pode ver que tem em todas as páginas então também às vezes ela fica com alguma dúvida e não vai

ter um canal para perguntar ali para você ou vai ter preguiça de entrar em contato com você para perguntar então se você já tem as dúvidas principais aqui já tiradas garante muito mais conversão tá Então essa é uma sessão muito importante também é bom bônus aqui eu já falei né que fica aqui perto da sessão de oferta ou da sessão de módulos então todas essas sessões aqui somadas vão ter os gatilhos mentais necessários para ter uma Cia boa e converter bastante ok nós já podemos fechar aqui a Hostinger nós não vamos precisar entrar nela por

enquanto se você recarregar a página agora aí você vai ver que agora tá aparecendo o título da sua página principal beleza que nós vamos fazer agora é fazer as configurações padrões do nosso site as configurações padrões do site é assim ó essa é a nossa página né que nós vamos replicar E aí você tá vendo que tem vários títulos que são do mesmo jeito mesmo tamanho mesmas cores a gente usa a mesma paleta e a mesma identidade aqui até o final então a gente já vai deixar isso pré-configurado o tamanho do título as cores que

nós vamos usar para que quando a gente for criar a gente possa só clicar e selecionar essa cor gente não precisa escrever a cor e nem configurar o título todas as vezes então fica mais fácil então essa parte é muito importante você vai vir em páginas todas as páginas vai vir aqui em curso ADN né a página que você criou vai clicar em editar vai clicar aqui em cima em editar com elementor vai clicar em pular vai clicar aqui em cima em configurações do site vai clicar aqui em cores globais o Elementor por si só

ele já vem com essas cores aqui definidas e nós vamos mudar então eu deixei anotado aqui todas as cores que eu vou usar a cor primária vai ser esse tom de rosa então eu vou clicar aqui quando você clica abre uma caixinha de cor você pode escolher por aqui mesmo ó se você for arrastando por aqui você consegue escolher um tom de cor ou do jeito que você quiser ou então tem esse site aqui chamado Colors que tem várias paletas de cores você pode clicar aqui em start generate e tem vídeo aqui no canal te

ensinando a Gerar paleta de cores também tá tem várias paletas de cores aqui também se você quiser testar se você quiser clicar em explorar paletas E aí O legal é que você clica aqui abre a paleta e se você clicar em cima da cor você já copia o código dela tá vendo que tem escrito aqui embaixo também ó você pode clicar aqui copiar toda cor vai ter um código aí se você tiver o código você cola aqui nessa caixinha se você não tiver você pode ir pesquisando aqui nessa caixinha de cor até encontrar a cor

que você quer Beleza eu tenho esse código eu vou colocar aqui o código da cor rosa aqui no secundário eu vou colocar esse vermelho escuro no texto eu vou deixar como está aqui nem re eu vou colocar esse Rosa escuro depois eu vou clicar em adicionar cor vou pegar esse Dourado Claro vou colocar aqui aí Aqui você pode mudar o nome tá vou colocar Dourado vou clicar em adicionar cor vou pegar esse Dourado escuro vou abrir e colar aqui escrever o título agora vou colocar a cor branca e vou colocar a cor vermelho médio Pronto

agora você pode clicar em Salv alterações clica nessa setinha aqui do lado para voltar e agora vamos configurar as nossas Fontes globais aqui também ó eu preparei a fonte primária vai ser a primária são dos títulos a gente usa nos títulos maiores a gente escolhe aqui a família da cor o tamanho a espessura né o peso transformação a família da do meu título principal vai ser Marcelos que é essa Marcelos tamanho 40 peso 400 Então vou colocar aqui tamanho 40 e peso 400 já o secundário eu vou colocar Pops tamanho 19 peso 400 Então vai

ser aqui ó fonte Poppins tamanho 19 peso 400 Ok o outro de texto vai ser Poppins 15 peso 400 Então vai ser ó fonte Poppins 15 peso 400 e no Realce que são geralmente usado no link botão vou colocar poping Skin peso 500 ó já tá aqui tamanho 15 vou mudar só a fonte pra poping Pronto agora vamos adicionar mais alguns vou colocar o subtítulo dois que vai ser Poppins 15 tamanho padrão Poppins 15 espessura padrão e vou colocar o título dos cards que vai ser Poppins 17 peso 500 peso 500 E no caso dos

cards Se não me engano eu coloquei maiúsculo pronto terminou todas as alterações clica aqui em salvar vou mudar aqui o título subtítulo dois e cards salvar alterações sempre salvando sempre que você tiver oportunidade de clicar para salvar salve porque pode acontecer alguma coisa internet pode cair alguma coisa pode pode acontecer para parar de funcionar e aí você vai ter feito um monte de coisa não vai ter salve então Sempre que puder clica aqui no botão de salvar tá clicar na setinha para voltar clica aqui no x pronto saímos do editor padrão do tema e agora

vamos começar a criar a nossa página eu já vou te ensinar a criar primeiro os banners que nós vamos usar tá os banners assim de largura Total nós vamos usar três banners aqui este principal este daqui por conta dessa desse ícone que tem aqui embaixo e este daqui da parte de oferta então todos eles nós vamos criar aqui no canva o canva é uma ferramenta de edição de arte que é gratuita tem a ver são paga também mas tudo que eu vou te ensinar aqui é possível criar com a versão gratuita tá então você vai

vir aqui vai criar sua conta temos link aqui na descrição se você quiser criar usando o nosso link e assinar o canva É bem baratinho Tem umas funções pros que vale bastante a pena você clica aqui em criar um novo design clica aqui em tamanho personalizado de largura Vamos colocar 19920 e de altura 650 banners que precisam da extensão da tela toda que é assim ó no fundo da tela toda sempre você vai usar essa dimensão 1920 por 650 de altura Ok então vamos diminuir um pouquinho pra gente conseguir ver melhor aqui no fundo a

gente vai clicar vai clicar aqui em cor vamos clicar aqui nesse nesse maizinho Vamos ir em Gradiente E aí ele vai nos dar duas opções de cor pra gente fazer essa mesclagem nós vamos pegar o nosso vermelho médio Vamos colocar aqui e o nosso vermelho curo vão ser as cores principais que vamos trabalhar nesse banner pronto aí a gente fez um degradê agora eu vou arrastar para cá uma imagem que simboliza é vendas dinheiro crescimento e eu já tenho ela aqui ela tá em uploads que é essa imagem aqui ó aí você vai usar as

construções que você achar melhor eu gosto de pegar imagens aqui no Free pique então se você jogar aqui por exemplo gráfico no freepic dinheiro vendas você vai encontrar um monte de imagem legal ó Foi bem essa daqui que eu peguei aí é só você clicar aqui em download aqui no freepix se o botão tiver amarelo é porque a imagem é paga aí você não consegue baixar mas se o botão tiver azul ou verde você consegue baixar gratuitamente OK aí você vai clicar aqui vai posicionar ela por aqui depois a gente ajusta aí você vai clicar

aqui em editar do ton e vamos colocar essas cores que a a gente vai mudar essa cor de sombra para essa cor do vermelho escuro que a gente tem e vai vai ficar um duton aqui com essa cor vamos clicar aqui clicar em remover fundo que ele vai tirar aquele quadrado que tinha aqui na parte de cima e Vai facilitar pra nossa edição OK agora a gente vai pegar uma imagem de dinheiro eu também vim aqui no freepic pesquisei por real e aí eu encontrei essa imagem aqui você vai pesquisar também se você quiser fazer

no mesmo estilo e aí vou clicar aqui e arrastar para redimensionar ela e ficar do tamanho que eu quero olha importante que seja uma imagem grande tá P uma imagem Pequena para você esticar ela assim na tela toda aí ela acabaria ficando embaçada Então tem que ser uma imagem grande aí você vai clicar vai clicar aqui em editar vai clicar aqui em D Tone vai escolher também e vai clicar aqui em sombras E aí você vai colocar essa cor vermelho escuro e vamos colocar a cor vermelho vermelho médio nós vamos fazer um duone com essas

duas cor ó pronto ficou assim aí a gente vai clicar em cima dessa imagem vai clicar aqui em transparência você vai diminuir a transparência dela ó a gente quer que faça só um fundinho agora a gente vai vir aqui em elementos vamos vir aqui e pegar um Elementor de forma Vamos colocar ajustando essa forma de modo que fique pegando a extensão da tela toda vamos clicar em cima clicar aqui na cor clicar aqui em cima de Gradiente vamos clicar em cima aí Vamos alterar nessa cor aqui ó nós vamos arrastar e deixar transparente que a

gente quer que o fundo é mais de real fique um pouquinho mais para cá um pouquinho mais para cá e aqui Fique um pouco mais livre porque aqui é onde a gente vai colocar texto olha só aqui é onde a gente vai colocar texto Então é interessante que aqui fica um pouco mais limpo nós vamos ajustar aqui também vamos clicar aqui com o botão direito aí você clica em camada mostrar camadas aí você consegue ver ó o que que tá em cima do que esse aqui a gente vai clicar e vai colocar abaixo deste nosso

dinheiro aqui para poder a gente fazer uma mesclagem melhor com essa imagem aqui de baixo essa imagem aqui de baixo a gente vai clicar vai vir em transparência Vamos diminuir aqui um pouquinho a opacidade dela vamos clicar aqui no real também Vamos diminuir um pouquinho mais a opacidade Pronto agora vamos clicar com o botão direito camada mostrar camada vamos clicar em cima Deste aqui ó desse segundo que a gente fez no degradê vamos clicar em cima de duplicar e ele já vai vai ficar aqui em cima que é onde a gente quer que ele fique

E aí a gente vai clicar aqui em cima vai clicar no degradê e vai mudar o vermelho pro lado de cá agora eu quero que nessa parte aqui Fique um pouco mais livre que é onde a gente vai colocar a imagem da da pessoa eu peguei a imagem dessa moça que eu estou usando lá no freepic também eu joguei mulher de terno e aí apareceu essa você vai arrastar do seu computador para cá ou então é a foto da onde que você tiver pegado você vai arrastar para cá E aí ela vai ficar assim aí

para tirar o fundo você vai clicar aqui em cima em remover fundo aí você dá um ajuste ó eu vou deixar só essa parte aqui do tronco que é a parte que a gente vai usar O legal é que você posicione mais ou menos no meio voltado pra sua direita de forma que deixe um espaço adequado deste lado pra gente colocar um texto mas também não pode ser muito assim porque em telas muito menores vai cortar Então tem que ser mais ou menos assim porque em telas pequenas por exemplo ó esse espaço aqui ele quase

não vai aparecer no site então se você deixa muito acaba cortando então ó essa proporção aqui está ótima também preste atenção para não deixar ela tão colada com a parte de cima porque é a mesma coisa em telas pequenas pode acabar cortando a cabeça então tem que deixar um espaço legal aqui na parte de cima OK beleza agora a gente vai vir em elementos Vamos pesquisar aqui por sombra vamos vir aqui em Elementor gráfico a gente vai pegar essa sombra aqui aumentar ela vai clicar aqui E aí nós vamos escolher um tom de rosa que

é esse daqui ó Rosa escuro aí nós vamos clicar em cima dessa cor vir aqui na caixa colar essa cor aqui aumentar essa sombra que a gente vai fazer um ponto de cor aqui posiciona ela mais ou menos atrás aqui da moça para ficar atrás você vai clicar com botão direito clicar em camada mover para trás e vai ficar atrás agora nós vamos pegar outra sombra dessa vamos colocar a mesma cor e vamos fazer umas sombras menores ó que vão ficar mais por aqui pra gente ir formando uma sombra mais difusa ó pode ser aqui

do lado deixe outro lado todas você clica clica em camada e clica em mover para trás para facilitar também você pode clicar com o botão direito camada mostrar a camada e a gente pega a foto da moça e deixa em cima de todas pronto e aí você pode também clicar com o botão direito camada mostrar a camada selecionar todas pressionando o botão control ou Command no caso do Mac que a você vai selecionar todas de uma vez aí você consegue clicar aqui em transparência e diminuir a transparência diminuir a opacidade aqui dessa sombra pronto e

aí você vai ajustando e para fazer essa outra aqui ó que é o fundo branco com esse divisor aqui de seta eu vou deixar a imagem desse divisor para você lá no nosso material de apoi você pode só arrastar para cá para criar outro modelo você clica em adicionar uma nova página clica aqui clica em delete para excluir esse fundo E aí vai ter essa imagem você vai arrastar o divisor de seta para cá vai posicionar ele aqui em cima vai arrastar para diminuí-lo ó Cuidado para não cortar a pontinha E aí você posiciona ele

mais ou menos aqui no meio e diminui E aí para ele ficar ó preste atenção para ele não ficar cortando ali ele tem que tá bem rente e aí essa cor aqui você vai colocar a cor de fundo da sessão que você vai colocar em cima então a cor que vai ficar o seu divisor vai depender da cor da sessão anterior eu tô usando esse tom de vermelho escuro no meu então se você quiser fazer no seu você pode ó clica aqui com botão direito clica em editar clica em D Tone aí aqui você escolhe

algum E aí você clica aqui em sombra coloca a cor e aqui nesse você coloca a cor branca que aí ele já vai mudar um pra cor de fundo e o outro pra corzinha Branca se você achar que deu alguma diferença você pode voltar né clica em editar vem aqui no no D Tone seleciona o a cor que você quer e coloca os dois com essa cor vermelho escuro e aí você vem aqui em elementos pesquisa por uma seta E aí você pega uma setinha que tá virada para baixo como ess ess aqui por exemplo

E aí você diminui o tamanho dela coloca aqui clica aqui e muda a cor deixa a cor branca aí deixa ela bem pequenininha aqui se você achar uma mais bonitinha no flat econ também você pode pegar e colocar aqui e aí beleza já vai ter criado aqui essa página aí a parte dessa sessão aqui ó a gente vai pegar essa mesma imag que a gente tá usando lá em cima a gente pode até duplicar essa daqui na verdade ó vou clicar aqui Pronto já dupliquei essa aí a gente exclui a moça esclui Aqui as nossas

sombras Clica com botão direito camada mostrar camada essa daqui a gente exclui Exclui essas também e pronto então nós já vamos ter criado os três banners principais que nós vamos usar E aí para baixar você clica em compartilhar baixar clica aqui em baixar certifica de que está em png aí você baixando todas de uma vez você vai baixar uma pasta zipada pro seu computador que vai vir escrito assim ó provavelmente design Sem Nome você vai né em downloads acha a página clica aqui com o botão direito extrair tudo extrair e pronto já vão estar todas

as imagens aqui aí é legal que você renome arrasta todas Clica com o botão direito renomear aí você pode colocar por exemplo banner desktop ADN né que é acelerador de negócios Pronto já vão estar todas renomeadas aí agora já estão prontos aqui pra gente usar aí você vai voltar aqui pro seu editor do elementor vai vir aqui em cima nessa engrenagem se a sua Barrinha tiver antiga Pode ser que seja tudo aqui na parte de baixo Ó você vai clicar na engrenagem vai vir aqui em layout da página e vai colocar telas do elementor que

ele vai sumir com o menu o rodapé e o título vai ficar tudo em branco página de vendas a gente faz assim sem menu e sem rodap vou clicar aqui em publicar OK agora eu vou clicar com esse maizinho vou clicar aqui aqui em flexbox flexbox é a tecnologia que a gente usa aqui e sempre que eu disser para você um contêiner eu vou estar me referindo a essa caixa aqui que é uma caixa onde a gente vai colocar os itens que a gente vai usar então assim quando eu disser para você no contêiner principal

eu tô falando desse contêiner aqui se for o caso de um contêiner que tem vários dentro quando o contêiner ele é interno ele tem essa caixinha tá vendo cinza aí quando eu disser contêiner principal é essa rosa Quando eu disser contêiner interno essa caixinha aqui Quando eu disser o widget significa os itens que a gente vai usar então ó Sempre que você quiser pegar um widget novo você clica aqui no mais tá você pode pesquisar por aqui o nome do widget que eu estou te falando ou você pode ir olhando por aqui também tem as

abinhas ó que você vai abrindo a gente vai usar mais as da aba do básico tá então ó widget de título de imagem Quando eu disser widget é um desses elementos aí você arrasta para cá arrastou para cá para editar eles tá vendo que você passa o mouse aqui tem um lapizinho ó você clica aqui no lapizinho você consegue editar ó preste atenção aqui eu tô editando o contêiner que é o espaço do fundo tá vendo ó aí trocou aqui as configurações para eu editar o título eu clico em cima dele ou então em cima

do lapizinho Ó aí tem as configurações aqui do título aí sempre vai ter as configurações de estilo avançado tá só para você prestar atenção no que que eu tô falando falando aqui para clicar ó Ok então vai ficar assim quando eu disser preenchimento ou padding é o espaço de dentro do item do contêiner então quando eu disser por exemplo Vamos colocar um padding que é um preenchimento que é aqui ó preenchimento significa espaço de dentro tá vendo e quando eu disser margem é o espaço de fora então tá vendo que tem essa linha Rosa delimitando

esse contêiner Se eu disser margem colocar um espaço aqui na margem ó tá vendo que eu coloquei um espaço do lado de fora do contêiner então só para você saber dessas orientações aqui iniciais aí beleza vamos começar clica aqui no maizinho clica em flex Box pega esse Flex Box aqui que tem dois contêineres dentro vem aqui em avançado vem em preenchimento coloca 50 de preenchimento vem aqui em layout altura mínima Vamos colocar 650 de altura vamos vir aqui no estilo tipo de fundo e imagem e vamos arrastar para cá Aquelas imagens que a gente criou

Lembrando que eu vou deixar para vocês todas as imagens e material gráfico que eu tiver usando aqui tá então vou arrastar esse primeiro banner para cá vou clicar aqui em selecionar muito importante aqui em tamanho de exibição deve estar cobertura para ele ficar coberto aqui em toda a sessão se tiver aqui em comter Ele vai cortar Então tem que est em cober abertura ok aqui em posição vamos deixar inferior ao centro E vamos aqui vir aqui na biblioteca biblioteca é esse maizinho onde fica os widgets que são os itens vamos pegar um widget de título

arrastar para cá E aí aqui a gente vai colocar o nosso título escrever o nosso título eu quero que esse título fique de duas cores aí para fazer isso eu vou fazer uma gambiarra Zinha vou vir aqui arrastar um Edit de texto vou colar o título aqui aí aqui na onde que eu quero que fique colorido que é a frase tem acesso ao método completo eu vou selecionar vou clicar aqui no Bezinho que eu quero que ele fique bold né que ele fique mais grosso também vou clicar aqui nessa caixinha tá vendo para expandir e

vir essa configuração de cor vou clicar aqui em cima desse azinho vou clicar em personalizar e vou colocar o código da cor que eu quero que é esse tom de rosa ó colo clico fora e clico em ok Pronto agora eu vou clicar aqui em texto vou copiar esse código que foi gerado posso excluir clico aqui no título e colo aqui agora eu vou vir em estilo cor do texto e vou escolher a cor branco pronto ficou assim vou vir aqui em tipografia transformação vou colocar capitalizar que aí o início de todas as palavras vai

ficar em maiúsculo vou deixar aqui Centralizado sempre clicando em publicar ou atualizar Ok pronto agora eu vou clicar aqui com o botão direito clicar para duplicar ó Sempre que você quiser excluir Clica com o botão direito clica em excluir se quiser duplicar clique com o botão direito clique em duplicar Tá e agora eu vou colocar um subtítulo que é este vou vir aqui em estilo aqui em tipografia eu vou pegar a tipografia aqui eu vou pegar a tipografia do subtítulo do vou duplicar colocar outro título vou deixar com essa mesma configuração vou vir aqui na

biblioteca vou pegar um Edit de Botão arrastar para cá vou vir em estilo aqui em posição vou deixar ele esticado bou virin conteúdo aqui no texto eu vou colocar quero começar agora escrevi em maiúsculo vou vir aqui em estilo na cor eu vou clicar aqui ó para ficar Gradiente para ficar mistura de duas cores nesta primeira cor eu vou deixar o dourado Claro e nessa segunda cor o Dourado escuro e aqui em ângulo eu vou mudar o ângulo de modo que o dourado mais claro fique de um lado e o dourado mais escuro fica do

outro porque do outro jeito tava em cima e embaixo né E aqui ó na cor do texto eu vou escolher essa cor secundária a tipografia já tá do Realce vou vir aqui no preenchimento vou deixar tamanho 20 vou vir aqui em raio da borda vou deixar tamanho 30 vou vir aqui em tipo de de borda vou deixar sólido vou clicar aqui ó para desvincular os valores porque se a gente deixa assim tudo que a gente colocar se aplica em todos os lados e se a gente clica para desvincular os valores aí você pode colocar só

em um lado que você quiser então vou colocar só no inferior Vou colocar aqui eh dois vou pegar a cor branca vou clicar aqui em cima e aqui nessa barrinha de baixo eu vou arrastar pronto sempre clicando em publicar para não perder nada agora eu vou vir na biblioteca vou pegar um Edit de imagem arrastar para cá vir aqui em resolução da imagem deixar completo vou clicar clicar em enviar arquivo aí eu vou vir aqui em outras imagens e nessa imagem aqui de método de pagamento eu vou arrastar para cá clicar em selecionar Beleza agora

eu vou clicar aqui no contêiner principal ó aqui em cima no Rosa vir em layout vou deixar aqui em alinhar ao centro e assim ficou o nosso banner principal muitas pessoas estão usando assim porque muita gente usa para mentoria muita gente usa para serviços então isso daqui fica um exemplo que serve para todos mas se você tiver vendendo o curso você precisar colocar um vídeo aqui também também fica legal e as pessoas usam muito aí para isso você vem arrasta o Idiot de vídeo coloca aqui ó pode colocar aqui por exemplo E aí aqui você

coloca o link do seu vídeo pode ser um vídeo pelo YouTube pelo vimel Eu só não recomendo que seja Auto hospedado no site sen não pesa muito tá então por exemplo você colocou o link aqui do seu vídeo aqui você consegue fazer as configurações ó se você quer que repita e tudo mais aqui eu recomendo que você Clique em sobrep de imagem clique aqui e coloque uma outra imagem vou só exemplificar com essa daqui para te mostrar mas seria legal uma imagem neutra como por exemplo essa imagem aqui de dinheiro que a gente criou ó

como essa imagem aqui do Banner que a gente criou já vou até arrastar ela para cá tá para não brigar tanto com o layout E aí você pode vir aqui em estilo sobreposição de imagem o tamanho do ícone você pode modificar por aqui você pode modificar a cor você pode inclusive colocar outro ícone ó aqui em sobreposição tem aqui ó enviar arquivo svg ou então você pode clicar e escolher algum outro tipo de play E aí vai ficar assim eu recomendo que você vem aqui em estilo Não na verdade em avançado em borda aqui em

Rai da borda coloque 10 de arredondamento em borda coloque sólido largura da borda um coloque a cor de branco e arraste para ficar um pouco transparente essa bordinha que aí vai ficar assim mas eu não quero que tenha neste projeto um vídeo Então vou excluir tá mas já fica a dica aí se você quiser fazer no seu beleza agora para fazer essa outra parte aqui de baixo a gente vai clicar vai pegar um Flex Box uma setinha para baixo vai vir aqui em avançado Vamos colocar 50 de padding vamos clicar para desvincular no superior que

é a parte de cima e no inferior que é a parte de baixo a gente vai deixar 70 vamos vir em estilo tipo de fundo Vamos colocar uma cor dessa vez Vamos colocar essa cor roxa vamos clicar aqui com o botão direito copiar clicar aqui com botão direito colar aí aqui a gente vai colocar o nosso segundo título podemos substituir aqui eu vou deixar todo branco então não precisa fazer aquele aquele cois não clica com o botão direito duplica aí aqui a gente vai colocar o outro título Clica com o botão direito duplica e aqui

eu vou colocar um outro título outro subtítulo pronto nesse aqui eu vou vir aqui em estilo cor eu vou deixar essa cor rosa tipografia eu vou deixar esse secundário nesse aqui eu vou vir em estilo cor vou deixar branco mesmo e tipografia eu vou deixar subtítulo dois agora eu vou vir na biblioteca vou pegar um idit de grade arrastar Aqui para baixo grade é quando a gente deixa os itens um do lado do outro agora eu vou vir na biblioteca vou pegar um wiget chamado caixa de ícone vou arrastar para cá clicar com o botão

direito duplicar clicar com o botão direito duplicar vou clicar aqui no contêiner interno ó essa grade também chamada de contêiner clico aqui aí aqui em linhas eu vou diminuir Vou deixar só duas linhas aqui eu quero que fique quatro cards aí é só aumentar aqui ó para quatro se você quiser que fique que mais ou menos se você quisesse por exemplo que fosse dois e que fosse duas linhas era só fazer assim então aqui você coloca quantidade de linhas e aqui você coloca a quantidade de colunas vou clicar com o botão direito duplicar aí ficou

quatro cards aqui vou clicar vou clicar em enviar arquivo sbg a primeira vez vai aparecer esse popup você clica em ativar e você arrasta os seus arquivos svg para cá eu também já deixei para vocês aqui ó uma pastinha de ícones com todos os ícones que nós estamos usando você pode arrastar todos de uma vez soltá-los aqui CCA em inser mdia clica aqui em cima em publicar depois clica em atualizar recarrega sua página né Aí você vai conseguir ver todos os ícones clica aqui clia em enviar arquiv SG eles vão estar aqui aí você seleciona

o que você quer aí vem nesse outro também vai selecionando o que você quer e aí depois de selecionar todos os ícones a gente vai mudar os títulos Aí você vem aqui coloca o título que você quer Só você colar o título aqui e também você col o texto que você quer Eu usei o Gemini que é ia do Google você pode jogar no Google assim Gemini aa também tem o chat APT que são inteligências artificiais que ajudam a gente podem escrever qualquer coisa pra gente você pode pedir ó escreva o tópico para um curso

tal escreva três tópicos para colocar numa página de vendas de um curso que ensina tal co Você pode até pedir para ela escrever o conteúdo da página inteira Claro não vai sair perfeito né Aí você tem que ir adaptando ver o que que faz sentido isso pode te ajudar a economizar tempo de escrever a sua copy né que é o que a gente chama esse texto aqui que tá na página Então beleza veio aqui colocou todos os textos Pronto agora a gente vai vir aqui nesse D um zir aqui em estilo clica em ícone aumenta

um pouquinho o tamanho do ícone Vamos ir aqui em conteúdo a tipografia a gente vai escolher esse aqui dos cards a tipografia do secundário nós vamos escolher o do texto a cor do do texto nós vamos colocar de branco e a cor do Título nós vamos colocar de branco também vamos ir aqui em avançado em preenchimento vamos deixar 30 Vamos ir aqui em plano de fundo tipo de fundo aí aqui a gente vai colocar a cor branca e diminuindo a opacidade dela até ficar esse tom aqui ó que fica um pouco vermelho outra coisa também

pessoal quando você tá com o editor aberto você não vê a página como ela vai ficar quando você fecha que você vê a página como vai ficar então se você quiser ir conferindo Ó você vai fechando a página ou então você pode clica em publicar clica no olho de pré-visualização que aí você vai vendo ó prévisualização aí tudo que você mexer aqui também e modificar aqui já até recarrega a página a gente mostra automaticamente tá então você vai deixando aqui na cor que você acha que fique legal vou ver em borda vou deixar aqui 10

de arredondamento na borda tipo de borda eu vou deixar sólido a cor também eu vou deixar de branco e vou clicar e diminuindo e aqui a largura eu vou deixar um que vai ficar só uma bordinha assim ó mais Sutil pronto vamos clicar com o botão direito ar Clica com botão direito colar estilo Clica com botão direito colar estilo Clica com botão direito colar estilo legal do elementor é que você quando tem várias coisas repetitivas você não precisa fazer o mesmo processo várias vezes né você pode ir colando os estilos E aí facilita muito clica

aqui em publicar Vamos ir no contêiner vamos vir aqui em avançado essa parte de baixo como a gente vai fazer aquela sessãozinha aqui que tem aquele ícone é legal que ela fique maior Então vou colocar aqui 90 aliás vou colocar 110 de espaçamento clicar em publicar vou clicar aqui clicar em flexbox pegar um um contêiner com a setinha para baixo vou vir em avançado vou vir em preenchimento vou colocar 50 de padding desenc na parte superior eu vou colocar 90 na parte inferior vou colocar 70 tô colocando 90 porque tem aquele ícone aqui e precisa

de um espaço a mais aí eu vou vir aqui em estilo tipo de fundo imagem né cliquei no no item de imagem e vou arrastar o banner para cá que é este banner aqui pronto agora nós vamos vir aqui em tamanho vamos deixar cobertura e em posição vamos deixar superior ao centro ele vai ficar assim agora nós vamos podemos copiar esse título clique o botão direito copia clica o botão direito cola aqui nós vamos escrever depoimentos em maiúsculo Vamos ir em estilo cor vamos deixar essa cor aqui de roxo Vamos ir em tipografia vamos deixar

em secundário e vamos vir aqui também em tipografia e modificar porque vamos deixar a transformação maiúsculo e espaço entre as letras nós vamos aumentar e vai ficar assim agora nós vamos pegar esse título copiar clica o botão direito Cola vamos vir aqui em estilo cor vamos deixar o rosa eu vou colar o meu título aqui ó vem aqui em conteúdo e cola o título que você quer vai ficar assim vamos clicar em publicar e agora nós vamos fazer um Carrossel vamos ir na biblioteca pegar o edit de Carrossel de imagens arrastar para cá aqui em

resolução da imagem vamos deixar completo aí você vai clicar enviar arquivos e vai arrastar para cá todos os arquivos dos depoimentos que você tiver Ó você você vai arrastar eu já vou te ensinar como fazer essas imagens do mesmo tamanho tá vamos usar o canva também ó arrasta para cá criar uma nova galeria e inserir galeria pronto publicar vou te ensinar como fazer elas você vem aqui no canva criar um novo design tamanho personalizado deixa eu ver que tamanho que tá de cada uma 400 por 600 você coloca 400 de largura e 600 de altura

clica em criar novo design e aí todo print é que mandarem para você ou os depoimentos que você quiser você arrasta para cá então eu já tenho um aqui em uploads que é este ó que eu tinha usado em outro projeto aí você arrasta para cá E aí você vai redimensionando ó vai redimensionando e deixa da forma que você quiser e aí você pode clicar aqui em duplicar e vai arrastando para cá ó vai excluindo a imagem vai colocando outras E aí quando você tiver feito vários você clica em compartilhar baixar e baixar E aí

vai ser da mesma forma dos banners vai baixar uma pasta zipada Mas você vai clicar com o botão direito extrair tudo e aí vai ser extraído todos os itens aqui pro seu computador tá pronto aí beleza vou clicar aqui em depoimentos vou vir aqui em resolução da imagem completo e slides para mostrar vou deixar seis navegação Vou deixar só pontos que são só essas bolinhas Aqui de baixo eh link eu vou deixar deixar arquivo de mídia vou deixar Light Box sim que significa que a pessoa clica e aí faz esse Carrossel aqui que a pessoa

consegue ver o a imagem expandido tá vou clicar aqui de novo vou vir em opções adicionais aqui em velocidade da animação eu vou deixar 4.000 e aqui em velocidade da reprodução eu vou deixar 100 ele vai passar assim mais lento né mais fluido aí eu vou vir aqui em estilo imagem raio da borda vou deixar 10 de arredondamento espaçamento vou deixar personalizado e vou deixar 10 de espaçamento aliás vou deixar sete de espaçamento vai ficar assim vou clicar em publicar ó por enquanto o nosso Carrocel tá assim e para ele ficar passando continuamente eu vou

vir aqui em avançado vou vir aqui em classe e vou criar a classe chamada depoimentos Ó escreve certinho clique em publicar aí eu vou acessar aqui o meu site né minha página vou clicar aqui em personalizar vou clicar em CSS adicional e vou colar aqui o CSS para deixar esse Carrocel contínuo todo o código eu vou deixar para vocês em um arquivo no nosso drive tá você vai copiar o código ó que vai estar escrito depoimentos até este último você vai copiar vai vir aqui e vai colar e ele vai ficar contínuo tá vendo que

ele não vai dar aquela paradinha mais vai ficar aí eu vou clicar em publicar uma coisa que eu esqueci de fazer aqui nesse contêiner principal vou vir em avançado aqui no preenchimento eu vou deixar bint na esquerda e na direita uma coisa que eu me esqueci É nesse contêiner aqui na verdade a gente vai clicar em cima dele aqui em largura do conteúdo Vamos deixar a largura total que é para ele ficar aqui na extensão da tela toda aí aqui em avançado a gente vai colocar na esquerda e na direita 10 ele vai ficar assim

aí eu vou vir aqui também em margem vou clicar aqui no superior e vou colocar Opa coloquei coloquei no errado é aqui no Carrossel vou vir em avançado desenclos de Margem e aqui no superior eu vou colocar 40 para ele ficar com um espaço legal aqui de cima e vou clicar em publicar uma outra coisa que eu me esqueci foi colocar a faixinha para fazer a divisão aqui banner aí para isso você vai vir nesse contêiner aqui ó de baixo vai vir em avançado aqui em classe CSS você vai escrever assim DG divisor vai clicar

em publicar aí você vai acessar aqui ó novamente a página vai vir em CSS adicional vai dar um espaço aqui do outro CSS E vai colar este código que eu vou deixar para você no Drive E aí pronto já vai fazer uma barrinha degradê aí se você quiser mudar as cores Ó você muda por aqui tá vendo que que tem uma cor ó ele tá fazendo um degradê de transparente com esse tom de vermelho aí se você quiser mudar por exemplo vou mudar aqui para você vê para branco que é FF FF ó aí ele

vai fazer um degradê de branco com transparente tá então a cor que você ficar aqui ele vai fazer a transparência pronto aí agora nós vamos fazer o contêiner de para quem é uma outra coisa que faltou também foi a gente ter colocado sombra nesse botão vou vir em estilo vou vir aqui embaixo em sombra da caixa aí ó vai ter colocado uma sombra no botão mas a gente vai ajustar vamos clicar aqui no lapizinho da sombra vamos clicar aqui na cor diminuir um pouco a opacidade ou seja deixar um pouco transparente essa cor clicar aqui

e Vamos aumentar um pouquinho o vertical pra sombra descer um pouco vou voltar aqui na cor colocar um pouco pouco mais de opacidade pro botão ficar assim outra coisa que eu vou fazer vai ser aumentar o texto deste botão tô achando pequeno aí deixar tamanho 17 pronto ficou assim aqui ao passar o mouse a gente vai colocar uma animação então em animação passar o mouse a gente vai colocar em grow e quando a pessoa passar o mouse vai fazer este efeito vou clicar em publicar e vou colocar uma animação pro botão ele ficar pulsando então

eu vou clicar aqui vou deixar para você um CSS que vai ser com esse código aqui e você vai pegar igualzinho tá escrito aqui ó botões vai copiar só o nome botões vai vir aqui no seu botão vai clicar em avançado vai vir aqui em classe e vai colar sem o ponto tá só escrito classe e vai clicar em publicar aí você vai vir aqui na sua página do lado de fora deslogado vai clicar em personalizar vai vir aqui em CSS adicional E vai colar o código deste botão aquela hora que eu tinha copiado o

dos depoimentos ele tava junto aí ele acabou já indo para cá ó botões E aí na hora que eu coloquei lá o ID ele já começou a ficar com esse efeito de pulsar tá então ok e pra gente colorir essas bolinhas que são as os pontinhos que vão passando o Carrossel você clica nele vem aqui em estilo e aqui em paginação você col coloca aqui a cor que é a cor padrão das bolinhas e aqui a cor ativa aí eu deixei o rosa como a cor padrão e esse vermelho mais escuro para ser a cor

ativa se você quiser aumentar o tamanho das bolinhas você pode aumentar por aqui também agora vamos clicar aqui pegar um contêiner com a setinha para baixo vir aqui em avançado Vamos colocar 50 de preenchimento na parte superior e inferior a gente vai mudar para 70 clica aqui com o botão direito copia clica aqui cola e aqui agora a gente vai colocar este título de para quem é o acelerador de negócios vamos fazer a mesma coisa que a gente fez no no texto anterior de deixar de duas cores ó vamos colar o título aqui e Onde

tiver acelerador de negócios eu vou selecionar clicar aqui e selecionar personalizar vou pegar o código da cor rosa colar aqui e clicar fora clicar em Ok e vou clicar aqui em bold vou vir em texto vou copiar esse código clicar aqui no título colar esse código aqui vou vir em estilo cor do texto e vou deixar de branco aí este aqui eu já posso excluir esse que eu tinha usado de exemplo vou clicar no contêiner principal vou vir em estilo plano de fundo vou pegar essa essa cor vermelho médio vou duplicar vou colocar o meu

subtítulo ó vou colar ele aqui colar ele normal vou vir aqui em tipografia vou pegar subtítulo aliás vou pegar esse de secundário vou vir aqui vou copiar um desses cards clica no botão direito copia né aí eu vou vir aqui na biblioteca no maizinho pegar um Edit de grade arrastar para cá clicar com o botão direito e colar aquele cart que eu peguei lá em cima aí eu vou vir aqui vou vir em estilo posição do ícone vou colocar ele posicionado aqui à esquerda e vou deixar Centralizado vou vir aqui na grade vou aumentar para

três linhas e duas colunas porque esses aqui eles vão ficar mais larguinhos vou clicar com o botão direito nele e ir duplicando até que fique seis cartõezinhos ó vai ficar assim aí eu vou vir aqui vou vir em avançado vou vir em plano de fundo vou vir aqui na cor vou diminuir um pouco a opacidade da cor ó para ficar um pouco mais transparente assim dessa forma vou vir em ações ao passar o mouse clicar aqui em tipo de plano de fundo e vou colocar esse vermelho mais escuro que quando passar o mouse ele vai

ficar assim só que aí eu vou vir aqui e vou diminuir um pouco a opacidade dele ó vai ficar assim vou clicar com o botão direito copiar clicar com o botão direito colar Ah não vou fazer isso aqui ó vai vai economizar um tempo vou excluir todos porque todos eu vou usar o mesmo ícone então vou clicar aqui nesse vou vir em conteúdo enviar k svg vou pegar esse esse ícone de check vou vir aqui em V vou deixar empilhado vou ver aqui em estilo vou clicar em ícone tamanho do ícone eu vou diminuir ou

vou deixar tamanho 20 aí agora sim eu vou duplicar porque todos a gente vai usar o mesmo ícone pronto aí não precisa colocar em todos né aí agora eu vou substituir os títulos e os textos é só clicar em cima vira aqui em conteúdo aqui Onde tiver título você cola ou escreve o próximo título E aqui onde tem descrição você cola ou substitui a próxima descrição vou fazer isso em todos aqui dos meus você faz aí nos seus Pronto já colei todo o meu texto agora eu vou vir aqui em cima clicar com o botão

direito nesse botão clicar em em copiar clicar com o botão direito em cima desse título clicar em colar arrastar essa grade aqui para cima eu fiz isso porque se eu faço isso aqui na grade ó sempre que a gente clica em cima de um item e clica em colar o que a gente cola fica logo abaixo dele mas se eu fizesse isso aqui na grade Ele ficaria dentro da grade não é o que eu quero por isso que eu colei aqui embaixo desse e arrastei para cima vou clicar aqui no botão vou viri avançado desencar

os valores da margem vou colocar 30 aqui de margem para se afastar um pouco vou vir n estilo vou deixar ele alinhado ao centro vou vir aqui em preenchimento desenc os valores e aqui no preenchimento da esquerda e da direita eu vou colocar 60 para ele ficar um pouco mais largo sempre clicando ali em publicar ou salvar tá para não correr o risco de perder nada agora nós vamos pro próximo contêiner como ele é bem parecido com o outro eu vou vir aqui clicar com o botão direito em cima desse contêiner clicar clicar em copiar

descer para cá clicar com o botão direito clicar em colar ó que nós vamos aproveitar aqui no título eu vou substituir vou copiar eu posso até pegar este título aqui aproveitar ele ó só modificar vou clicar com o botão direito colar aí nesse aqui eu vou excluir aí eu vou fazer assim as palavras que eu quero que fiqu em branco eu vou colocar antes de onde tem strong aqui tá vendo vou substituir o para quem é pela a frase que eu quero que fique em branco e aí a frase que eu quero que fique em

rosa vai ficar dentro do strong ó tá vendo que tem aqui acelerador de negócios a você substituir ela no meu caso aqui vai ser acelerador de negócios mesmo então vou deixar assim agora o subtítulo eu vou clicar com o botão direito excluir clicar com o botão direito excluir vou vir aqui vou pegar o idit de lista de ícone ahastar para vou excluir todos Vou deixar só o primeiro vou colar o subtítulo que eu quero aqui no ícone eu vou clicar em enviar arquiv svg e vou pegar essas estrelinhas que eu baixei e deixei para vocês

no Drive vou vir aqui em estilo texto eu vou deixar na cor branca e a tipografia eu vou deixar este subtítulo dois vou vir aqui em lista vou deixar alinhamento ao centro eu vou vir aqui no texto onde que tiver a palavra módulos eu vou fazer uma quebra de linha que é para deixar em duas linhas então eu vou colocar assim ó sinal de maior sinal de menor e BR ficou assim vou vir aqui em estilo o ícone o tamanho do ícone eu vou aumentar um pouco sempre clicando em publicar agora aqui na grade eu

vou excluir Vou deixar só um vou vir aqui na biblioteca vou pegar uma caixa de imagem vou arrastar para cá vou clicar com o botão direito nesse clicar em copiar clicar com o botão direito nesse clicar em colar estilo aí eu vou excluir este primeiro Pronto agora eu vou substituir o texto e o título deste Card e a imagem eu vou colocar aqui já já vou mostrar para vocês como que eu fiz essas imagens lá no canva mas está aqui ó dentro do material de apoio vai ter essas pastas né Está na pasta de módulos

aí você arrasta todos para cá se você estiver usando os meus arquivos para criar sua l de peixe né Lembrando que o material de apoio está na descrição do vídeo tá vou clicar em selecionar enquanto as imagens carrega a gente pode terminar as configurações Olha eu vou clicar aqui vou vir em avançado vou tirar este preenchimento que temos vou vir aqui em estilo imagem tamanho da imagem eu vou deixar 100% para ela pegar aqui toda a extensão da tela do card né no raio da borda vou deixar de 10 e aí vou clicar com o

botão direito clicar em duplicar em todas elas Eu vou precisar de 12 cardes então eu vou duplicar 12 vezes vão dar três linhas aí pessoal o seguinte eu estou fazendo e esse essa sessão aqui do os módulos dessa forma com as imagens grandes né que eu tenho visto muitas páginas de vendas que estão assim que estão mais detalhadas se no seu caso você quiser fazer diferente você pode fazer como este aqui também tá tem gente que põe só o ícone E aí você faria assim você colocaria nessa caixa de ícone aqui ó você colocaria a

caixa de ícone aí aqui você envia um ícone que represente o módulo que você está falando e aí você vem aqui e edita e coloca o texto do jeito que você quiser tá eu vou deixar aqui como uma caixa de imagem mesmo e colocar essas imagens mais elaboradas agora se não tiver aparecendo todas as imagens que a gente upou para cá porque quando a gente arrasta todas de uma vez Às vezes acontece isso é só você recarregar a página aqui no editor do elementor não se esqueça de clicar em publicar antes tá para não perder

nada aí a gente voltando para cá ó vamos clicar e aí pronto pra todas as imagens já vão estar aqui pra gente selecionar E aí eu vou vir aqui em todos os meus cards vou trocar as imagens né só você clicar em cima da imagem e aí você clica e seleciona a imagem que você quer e salva aí feito isso você vai vir também nos títulos E na descrição e vai mudar esse aqui eu não cheguei a fazer uma descrição para todos então eu vou só os títulos diferente depois eu crio uma descrição e deixo

aqui e beleza agora você vai vir aí você vai encontrar no seu CSS este código aqui ó Elementor image Box content padding 15 você vai copiá-lo aí você vai acessar aqui a sua página vai vir aqui em personalizar vai vir em CSS adicional vai vir aqui no último código dar um espaço ó já baixa aqui a página pro local onde que vai ser aplicado pra gente ver e vamos colar eu coloquei foi um preenchimento né um espaço dentro desse Card só desse texto aqui ó só do texto aí a gente fez um espaçamento aqui não

afetou o espaço da imagem ali em cima aí cliquei em publicar podemos recarregar aqui o nosso editor Ah tá antes clica em publicar para não perder nada e podemos recarregar a página do editor Pronto agora vamos clicar aqui Vamos ir em estilo conteúdo Vamos ir em tipografia e Vamos diminuir para tamanho 13 ó clica aqui nessa setinha primeiro para desencar a tipografia às vezes ele dá uma travadinha quando você faz isso clica em publicar aí você clica em outra coisa clica nele de novo que aí libera ó A fonte é a popins tamanho 13 Aí

clica com o botão direito copiar e clica com o botão direito colar o estilo em todas as outras caixas Pronto agora nesse próximo contêiner a gente vai colocar uma menção aou o conteúdo que será disponibilizado aqui é legal você falar como que vai ser entregue o seu produto se vai ser gravado se vai ser aulas ao vivo se vai ser uma mentoria né então é legal você colocar aqui enfatizar Clica com o botão direito pega um flexbox com dois contêiners dentro vem aqui em avançado coloca 50 de preenchimento vincula em cima você pode colocar 120

e embaixo no inferior você pode colocar 90 vamos vir em estilo tipo de plano de fundo imagem e vamos selecionar essa imagem que tem uma setinha em cima aí vou aqui em posição a gente vai colocar superior ao centro e em tamanho Vamos colocar cobertura publicar Vamos pegar esse título né Clica com o botão direito copiar Clica com o botão direito colar e aqui agora eu vou fazer assim Onde tiver escrito de branco eu vou substituir pela palavra conteúdos e aqui do lado de dentro onde tá escrito acelerador de negócios eu vou substituir pela palavra

disponibilizados vou vir aqui em estilo cor do texto vou deixar esse vermelho mais escuro vou deixar aqui alinhado à esquerda vou vir em tipografia vou pegar essa tipografia de primário aí escrev em maiúsculo é para escrever em minúsculo Ok e aqui depois da palavra conteúdos né Eu quero quebrar a minha linha quero deixar duas linhas então depois da palavra conteúdos eu vou vou colocar assim sinal de maior sinal de menor e dentro BR que ele vai fazer essa quebra de linha agora eu vou vir aqui na biblioteca vou pegar o medit de texto arrastar para

cá vou colar o meu texto aqui Tirei esse espaço vou vir aqui em estilo tipografia e vou aumentar a tipografia deste texto aí algumas frases eu quero destacar então aqui ó até exclusiva eu vou selecionar e vou deixar em bold e aulas semanais também então se você quiser destacar aí você pode fazer dessa forma se você quiser quebrar a linha aqui também do texto Ó você pode fazer assim OK agora eu vou vir aqui na biblioteca né no Mazinho vou arrastar o edit de imagem para cá resolução eu vou deixar completo vou clicar em imagem

arrastar para cá uma imagem que eu criei dos computadores também já vou mostrar para você como que eu fiz lá no canva pronto e vou clicar aqui em publicar vou te mostrar como que eu fiz tanto essa imagem aqui quanto essas imagens aqui lá no canva ó você vai vir aqui no canva vai clicar em Criar novo design tamanho personalizado eu usei 1080 por 1350 de altura Criar novo design E aí pessoal eu basicamente fui pegando outros layouts aqui do canva aproveitando e modificando então se eu vier aqui no design ó e pesquisar por alguma

coisa por exemplo marketing ó tá vendo aparece vários modelinhos legais Se eu colocar assim vendas aparece vários modelos legais também e se você clica em algum por exemplo eu vim aqui e pesquisei por Inteligência Artificial aí eu cliquei aqui no dessa mãozinha tá vendo que foi um que eu um dos que eu usei que foi este aqui ó eu cliquei nele e aí quando você clica aparece outros parecidos também você pode ir pesquisando ó aí eu excluo tudo que eu não quero e aproveito só o que eu quero basicamente o que eu aproveito é mesmo

essa imagem ou então a ilustração eu deixo um fundo para eu usar mais ou menos parecido em todos e nesse caso aqui eu usei a mesma paleta de cores Então em vez de deixar esse fundo azul por exemplo ó eu cliquei aqui no fundo azul cliquei aqui cliquei aqui no degradê E aí eu vim aqui e troquei as cores deixei essa cor vermelho escuro que é uma cor do meu projeto e a outra eu coloquei este vermelho médio que também é uma cor do meu projeto ó e aí Aqui você pode mudar né o estilo

degradê esses outros itens aqui você pode ir clicando e mudando aqui pra cor do seu projeto também ó como aqui no meu caso eu tenho esse tom de rosa mais escuro aí eu vou selecionando ele ó clico clico aqui em cima mudo quando tem várias coisas da mesma cor aparece aqui ó alterar tudo aí você clica em alterar tudo aí você vai modificando vai tomando cuidado para não ficar assim ó não pode deixar a imagem assim tá vendo ó quadrada desse jeito quando a imagem ela é cortada você tem que colocar ela em alguma das

extremidades então é por isso que a gente colocou essa m bem aqui no cantinho para ficar parecendo que ela tá apoiada na extremidade se você deixa assim fica parecendo que tá mal acabado que que você não soube fazer então sempre deixa apoiada na extremidade para dar essa impressão 3D de que tá saindo de trás do fundo e aí você pode ir usando coisas então por exemplo aqui em elementos você pode pesquisar ó quando for alguma coisa relacionada a vendas você vem e pesquisa por dinheiro aí você clica aqui em imagens ou em fotos e vai

aparecer vários aí você clica é no nosso caso aqui é real né que a gente usa coloca real dinheiro aí vai aparecer imagens relacionadas ao real aí você clica coloca aqui clica substituir plano de fundo aí você clica aqui clica aqui em cima diminuir a transparência ou então ou então você clica na imagem ajusta ela ó vai deixando o tamanho que você quer vem aqui na transparência diminuir a transparência que já vai ficando um fundo com essa imagem você clica com o botão direito clica em camada mostrar camadas ó Coloca ela embaixo desse item e

vai vindo aqui em design pegando outros modelos ou vem aqui de texto pega um tipo de título aí você para ficar tudo bonitinho igual você vem e deixa tudo com a mesma fonte então aqui por exemplo vou colocar assim Inteligência Artificial Aí você vem aqui em fonte né escolhe a melhor fonte eu tô escolhendo a Marcelos que é a que a gente tá usando aqui no projeto mesmo arrastei aqui para cima escolho um tamanho que eu quero que fique ó vou colocar uma frase composta para ver como que ficaria se fosse mais texto como usar

a inteligência artificial a favor do seu negócio e se você quiser quebrar mais linhas você vai quebrando ó vai ajustando se você quiser diminuir o espaçamento entre as linhas você clica aqui em espaçamento e aqui tem ó espaçamento entre as linhas você diminui se você quiser deixar capitalizar o maiúsculo você clica aqui ó que você consegue deixar E aí você vai modificando aí quando você for fazer o próximo você clica em duplicar que aí já vai duplicar o título aqui do mesmo lugar com mesmo espaçamento mesmo tamanho aí você muda só o restante ok Aí

depois que você terminar de fazer todas as edições você clica aqui em compartilhar baixar todas né seleciona todas E aí igual eu te ensinei lá no início vai baixar uma pasta zipada assim você clica com o botão direito extrair tudo e clica extrair E aí vai extrair todas as imagens aqui pro seu computador aí para fazer essa outra imagem aqui ó para fazer essa outra imagem aqui tá vendo que essa aqui é uma parte de carrocel eu simulei esse daqui né eu peguei esse Carrocel aqui coloquei numa são sem nada ó vi aqui estilo plano

de fundo coloquei essa cor de fundo Colei o meu carrossel vim aqui no contêiner vir aqui em layout deixei em largura Total vi em avançado deixei em 10 V vi aqui no Carrossel cliquei em excluir né em limpar e aí selecionei várias das imagens dessas imagens dos módulos Ó ficou um carrocel com essas imagens aí eu vim aqui nesse contêiner principal vim aqui em altura mínima aumentei a altura dele e deixei aqui alinhado ao centro E aí a imagem ficou assim aí você pode inclusive aumentar vira aqui no Carrossel clica nele ó diminui para cinco

que aí vai aumentar as imagens ó o jeito como as imagens vai aparecer aí vai ficar aparecendo aqueles aqueles aplicativos em que você vai assistir o curso e tem assim estilo Carrocel como se fosse Netflix Aí você faz assim publica inclusive se você quiser fazer a sessão de módulos dessa maneira também fica legal tá esse Carrocel aqui e aí você vem aqui na página acessa a página e ti um print dessa parte aí eu vi aqui capitalizar aqui no meu computador tem esse print esse captador de tela desse jeito e tirar print ó aí cont

CRL s para salvar clica aqui na área de trabalho e salvei a imagem OK aí agora você vai voltar aqui no canva vai escolher por exemplo aqui criar o novo design aí você vai vir aqui em tamanhos personalizados pode colocar por exemplo 1000 por por 1000 Criar novo design vai fazer um quadrado pronto aí você vem aqui em design procura assim mocap ó aí vai ter vários Maps como este aqui de computador por exemplo aí você vem exclui as partes que você não quer exclui toda a cor de fundo que tiver pega essa imagem que

você acabou de fazer arrasta ela para cá pro canva clica fora e clica com ela em direção a dentro do computador faz a mesma coisa ó vem ela vai ficar aqui uploads clica em cima dela para ela vir pra tela de novo clica e arrasta aqui para dentro do celular pronto você já vai ter criado ó aí aqui dentro do celular você pode criar clicar duas vezes arrastar para ficar diferente da do outro aí você já vai ter configurado aqui essa telinha E aí para ficar bonitinho ó para não ficar com fundo esquisito tem que

baixar com fundo transparente aí você clica em compartilhar baixar E aí você não se esqueça de marcar fundo parente que aí você pode colocar em cima de qualquer coisa mesmo que você tiver colocado uma cor de fundo aqui Ness nessa sessão você vai conseguir utilizar ele recortados bonitinho tá E é assim pronto eu vou excluir esse contêiner aqui porque eu tinha usado Ele só para tirar esse print né não vou precisar dele vou clicar aqui com um maizinho vou clicar em flex Box vou pegar um contêiner com a seta para baixo aliás é pro lado

a seta ó tem que vir aqui linha horizontal eu me confundi pronto vou vir aqui em estilo tipo de fundo vou colocar essa cor vermelho escuro vou vir em avançado vou colocar 40 de preenchimento vou vir aqui no mais vou pegar um Edit de título arrastar para cá e agora a gente vai fazer aquele carrossel de texto contínuo aqui você vai escrever frases que você queira que apareça em destaque eu escrevi assim escrevi tudo em maiúsculo tá para ficar em destaque mais confiança espaço e ponto espaço mais negócios espaço ponto espaço mais vendas escreve tudo

em maiúsculo ou vem aqui no estilo tipografia transformação e deixa em maiúsculo aí aqui na cor do texto você deixa de branco aí a tipografia eu vou deixar em popping tamanho 17 transformação em maiúsculo e vou vir aqui em espaço entre as letras e vou aumentar aí você vai pegar essas frases vai copiar e vai colar elas várias vezes para dar para fazer um Carrocel contínuo Ok clica em publicar agora vamos transformar isso num Carrossel aqui no seu no seu Edit de título mesmo você vai clicar em cima dele vai vir em avançado e aqui

na classe você vai escrever texto animado ó texto animado escreve direitinho e aqui no contêiner Você vai clicar vai vir em avançado vai vir na classe e vai escrever texto animado 2 pronto publica agora você vai acessar a sua página vai clicar ali em cima em personalizar vai vir em CSS adicional vai dar um espaço vai localizar aí no seu código CSS esse código aqui ó que é o de texto animado e texto animado dois ele vai est separadinho você copia vem até aqui ó localiza aqui primeiro para você ver a ação e cola Pronto

já vai ter transformado em um Carrossel clique em publicar vamos voltar aqui pro editor e recarregar a página pra gente ficar vendo ele Funcionando aqui dentro aí você deve ter percebido que isso fez com que dê um bug na página que ela fique arrastando pro lado tá ó arrastando pro lado aí para isso não acontecer você vai clicar no contêiner vai vir aqui em layout vai vir em opções adicionais vai vir em transbordar e vai deixar o aí ele não vai trans bordar acho que eu posso diminuir um pouquinho vou deixar tamanho 16 pronto Ficou

legalzinho assim agora vamos pro próximo contêiner vamos clicar aqui pegar um flexbox com a setinha para baixo Vamos ir em avançado preenchimento colocar 50 de preenchimento desenc os valores aí no de cima e no de baixo a gente vai colocar 90 né super inferior estilo a cor a gente vai deixar branco mesmo de cor de fundo Vamos ir na biblioteca arrastar um Edit de texto para cá vamos vir em estilo deixar ele Centralizado a cor a gente vai deixar esse vermelho escuro vou vir aqui neste vou copiar esse texto que tem aqui dentro porque ele

já veio com aquele CSS de duas cores né vou colar aqui e aí eu vou substituir a minha frase a que eu quero que fique de vermelho escuro vai ser substituída ó o que terá acesso dentro do eu vou substituir pela pela frase que eu quero tá vendo ó tudo antes do strong a gente substitui E aí eu vou colocar a minha frase que eu quero de rosa que é o que está aqui dentro do strong ou que é a a frase acelerador de negócios eu vou substituir E aí aqui depois Ó depois da palavra

acesso eu vou colocar sinal de maior sinal de menor e dentro BR que é para eu fazer uma quebra de linha vou vir aqui em estilo tipografia transformação vou deixar capitalizar agora vou vir na biblioteca pegar o edit de grade arrastar para cá vamos fazer a área de bônus agora vou vir na biblioteca pegar um Edit de caixa de imagem aliás eu vou pegar este que já está aquiar com botão direito copiar vou só modificar colar aí aqui a imagem a gente vai substituir pela imagem de um presente que eu deixei separado para vocês no

material de apoio tá aqui na pasta outras imagens esse aqui ó o de bônus aí você vai arrastar para cá Pronto já vou clicar e substituir o título e a descrição vou vir aqui em estilo conteúdo a cor do texto do título eu vou deixar de rosa e a cor do texto eu vou deixar de Cinza que é a cor padrão aqui do texto né a tipografia do texto eu vou deixar essa de texto mesmo e a do título eu vou deixar essa de título dos cards aqui na imagem eu vou diminuir a largura ó

vai ficar assim e aqui encaixa o espaçamento entre a imagem e o texto eu vou diminuir bastante agora eu vou vir aqui em avançado vou colocar 30 de padding vou descer vou vir aqui em plano de fundo Vou colocar esta cor que é um cinza mais clarinho ó tá vendo só para um pontinho de cor vou vir em borda vou mudar o tipo de borda para tracejado e vou mudar a cor para rosa e eu vou aumentar o tamanho para dois ó aí vai ficar essa bordinha aqui tracejada agora eu vou clicar em duplicar vou

vir aqui na grade vou vir em linhas e vou deixar uma sempre clicando aqui em publicar e pra gente deixar a imagem passando por cima como eu tinha feito a gente precisa criar um CSS para ela eu já tenho esse CSS criado aqui que é este ó imagem full size e eu vou vir aqui na minha página ó aqui onde que vai o CSS ó se você ainda não sabe você vem aqui dentro da página Ó sua página fora do editor do elementor clica em personalizar CSS adicional vem até aqui embaixo Dá um espaço e

cola se o seu não tiver funcionando é porque não pegou a classe certinha da imagem Então a gente vai localizar a classe certa dela vamos clicar aqui em cima da imagem clicar em inspecionar ó tá vendo Clica com botão direito clica em inspecionar a gente vai ter selecionado ela aqui no código aí a gente vai clicar nesse Mazinho tem aqui ó esse Mazinho pequeno clica ele vai nos dar exatamente a classe da imagem a gente vai copiar ela e aqui ó a gente vai substituir tudo que tem antes dessa chave a gente vai substituir E

aí pronto vamos ter colocado exatamente a classe certinha da imagem tá clica em publicar vamos voltar para editor do elementor e recarregar a página Pronto agora vamos ir neste contêiner avançado margem desenco né cliquei para desenc E aí eu vou colocar aqui vamos ver 70 de espaçamento eí ficou assim Acho que podemos vir em nos cards vir em imagem e aumentar o tamanho dela né Clica com o botão direito copiar Clica com botão direito colar estilo colar estilo é assim mesmo tá ele dá esse bugzinho Quando a gente tiver mexer mas se você for verificar

de novo você recarregar a página ele tá no lugar certo tá posicionado no lugar certo Pronto agora vamos fazer a nossa sessão de oferta que é onde a gente vai colocar o preço para vender é uma das sessões mais importantes do site tá é importante que a gente deixa ela bem bonita com a arquitetura da informação certinha sem muita coisa para não confundir a pessoa com o preço com botão certinho então com o botão chamativo né Tem gente que coloca o botão muito apagado Então tem que fazer um destaque no botão Essa é uma das

sessões mais importantes aqui do seu site vai clicar clicar em flexbox pega um um flexbox com a setinha para baixo vem aqui em avançado Vamos colocar aqui 50 de padding desinclor os valores em cima e embaixo a gente vai colocar 90 vamos clicar no mais vir no contêiner arrastar um contêiner para cá vamos ir aqui no contêiner principal V estilo tipo de fundo e vamos pegar aquela imagem de dinheiro que a gente fez lá no início do vídeo se você não aprendeu é porque você deve ter pulado essa parte eu ensinei a fazer essa imagem

ensinei fazer a imagem do Banner também também vai estar lá no nosso material de apoio pessoal inclusive Aproveitando que estamos no meio do vídeo aqui quero pedir para você se inscrever no canal nós estamos com a meta de chegar a 200.000 inscritos Este ano eu conto com vocês você sabe que você se inscrevendo ajuda canal a crescer ajuda o YouTube a entregar para mais pessoas então não deixa de se inscrever deixar o seu like comenta o que que você tá achando também se tiver dúvidas manda aqui nos comentários tá ó a imagem a gente vai

vir aqui vai deixar em cobertura aí essa aqui a gente vai deixar diferente a gente vai vir em posição vamos deixar centro ao centro e em anexo a gente vai deixar fixo que é para fazer essa função de paralax tá vendo tá parecendo que o site tá passando por cima da imagem já no contêiner a gente vai clicar nele vai vai vir em estilo vai vir em tipo de plano de fundo vamos pegar a cor vermelho escuro Vamos ir na borda tipo de borda vamos deixar sólido largura vamos deixar um e a cor da borda

vamos deixar de branco aí eu vou vir aqui nessa cor vou diminuir aqui um pouco a opacidade para ficar uma bordinha mais Sutil Ó ficou assim Rai da borda eu vou deixar de 10 e aí nós vamos ir nesse contêiner interno Vamos ir em le e a largura dele vamos deixar tamanho 47 Vamos ir no contêiner principal layout vamos deixar alinhado ao centro agora vamos pegar um título que já esteja branco aqui ó vou pegar este copiar clicar com botão direito colar eu substituir pela palavra investimento vou deixar escrito de maiúsculo vou vir aqui estilo

tipografia espaço entre as letras vou aumentar o espaço entre as letras e vou diminuir para 17 o tamanho aí vou duplicar nesse aqui de baixo eu vou vir em estilo tipografia vou pegar essa tipografia de secundário aliás acho que eu vou até aumentar um pouquinho o tamanho ó cliquei aqui ó quando acontece isso você clica em outra coisa e clica no item de novo que destrava vou deixar fonte popins e tamanho 20 vai ficar assim aí vou substituir pela frase e você levará e vou deixar a transformação em maiúsculo acho que ainda ficou pequena ó

vou aumentar um pouco pronto a cor eu vou deixar de Rosa agora eu vou pegar aqui na biblioteca uma lista de ícones vou arrastar Aqui para baixo Excluir todos e vou deixar só um aí nesse aqui eu vou colocar o arquivo sbg de ícone de esse check E aí aqui eu vou colocar todas as vantagens né aqui é legal a gente colocar os bônus que vai ter ó então aqui eu vou colocar você vai levar o curso acesso a o grupo de networking ó sempre clica aqui em duplicar aí Aqui eu estou colocando os três

bônus que eu tinha mencionado lá em cima e aí beleza vou vir aqui no estilo Vou deixar tudo alinhado ao centro vou vir aqui no texto na do texto vou Dear de branco vai ficar assim aí eu vou vir aqui em lista espaçamento vou aumentar um pouquinho espaçamento entre os itens duplicar esse ttulo de cima arar baixo aqui emte substituir por essa frase aqui de a você coloca o preço que seria se você fosse cobrar todos os B né eu vou colocar aqui vir em estilo cor eu vou deixar essa cor branca vou clicar no

branco e vou diminuir um pouco a opacidade como eu quero deixar Riscado só o texto eu vou ter que fazer uma adaptação ó vou vir aqui com Edit de título vou copiar esse texto que eu tenho aqui e vou colar dentro e aí somente aqui no texto do dinheiro vou selecionar e vou clicar aqui em cima ó ó em cima de Riscado pronto aí eu vou vir aqui em texto vou copiar o código e vou colar aí eu posso excluir esse outro que eu usei pronto ficou assim aí eu vou duplicar E aí aqui neste

de baixo eu vou escrever por apenas aí esse daqui eu vou clicar em tipografia transformação vou deixar capitalizar porque você cria a ancoragem de preço então assim em vez da pessoa ver o preço cheio ela vê o valor da parcela que cabe no bolso dela o valor da parcela então você pode perceber que toda Land page a pessoa sempre deixa o valor da parcela em destaque e deixa o valor cheio embaixo então aqui eu vou colocar né o valor que vai ser da parcela que vai ser 12 vezes de 157 para quebrar a linha aqui

depois de di você pode colocar sinal de maior sinal de menor e dentro BR para fazer essa quebra vamos vir aqui na cor vou pegar a cor rosa vir aqui em Poppins aumentar o tamanho vir aqui em peso vou deixar peso tamanho 700 vou D Na verdade essa fonte para mon de serrar que eu acho que a fonte para texto fica mais legal a mon de serrar para texto de preço aí ficou assim vou duplicar este por apenas arrastar Aqui para baixo e aí eu vou colocar preço cheio eu vou voltar aqui em estilo a

cor eu vou deixar o branco mesmo vou tirar essa opacidade vou vir aqui na tipografia transformação vou deixar maiúsculo vou vir aqui em cima clicar em com botão direito em cima do botão vou clicar em copiar aliás vou pegar esse botão aqui de cima que tá sem espaço clicar em copiar naquele botão clicar aqui clicar em colar e aí aqui eu vou vir em texto e vou mudar a escrita eu vou colocar assim quero acelerar o meu negócio Inclusive essa é uma coisa legal de você fazer que é colocar frases diferentes nos botões porque ve

uma frase diferente pode liberar um gatilho na pessoa e fazer com que ela compre às vezes se você escrever quero comprar agora converte mais do que você escrever por exemplo quero participar quero minha vaga exclusiva quero acelerar meu negócio quero mudar de vida Entendeu então é muito importante que você coloque frases diferentes nos botões para gerar mais gatilhos diferentes agora vamos vir aqui no contêiner vou vir em avançado vou vir em preenchimento vou deixar 30 de preenchimento vou desenc e no de cima e no de baixo eu vou colocar 50 ó superior e inferior colocar

50 vou vir aqui em cima clicar com o botão direito copiar clicar com botão direito e colar e vou clicar em publicar Pronto já temos aqui a nossa sessão de oferta agora vamos fazer a sessão de garantia clica aqui clica em flexbox pega um flexbox com a setinha para baixo vem aqui avançado em preenchimento Vamos colocar 50 V ir em estilo tipo de fundo a gente vai pegar essa cor vermelho médio vou vir aqui em cima vou pegar uma caixa de imagem clicar em copiar clicar aqui clicar em colar vou vir em estilo aqui na

posição da imagem eu vou deixar pra esquerda vou deixar alinhada ao centro vou vir em conteúdo e vou substituir a imagem por essa imagem de 7 dias de garantia essa imagem eu encontrei ela no canva tá pessoal você pode pegar por lá também também tem no freepic no Google tem algumas aí aqui no título eu vou substituir pelo título Experimente por sete dias e vou colocar Um textinho aqui falando da garantia garantia também é muito importante a pessoa ter a segurança de que se ela entra lá e v que não é o tipo de conteúdo

que ela quer ela pode pedir o reembolso então isso ajuda a converter bastante vou vir aqui estilo conteúdo tipografia eu vou colocar a tipografia do primário a cor vou deixar de rosa e aqui no de baixo eu vou colocar o de texto vou vir aqui na imagem vou diminuir bastante o tamanho da imagem vou vir aqui em avançado plano de fundo cor e vou diminuir um pouco esta Cor na verdade eu acho que aqui vai combinar mais a gente deixar essa cor vermelho escuro e diminuir a opacidade do vermelho escuro vai dar um contraste melhor

aí vai ficar assim a gente vai vir aqui em avançado layout e vamos colocar 30 de preenchimento ficou assim sempre clicando aqui em publicar para não perder nada e agora vamos fazer a sessão de quem será a sua mentora né quem será o professor a empresa que vai prestar esse serviço vamos pegar um contêiner com dois virem avançado Vamos colocar 50 de preenchimento virem estilo cor pode deixar branco mesmo vou vir aqui pegar esse widget de título clicar com o botão direito copiar clicar com o botão direito colar vou vir estilo vou deixar ele alinhado

à esquerda aí vou substituir pela frase quem será sua mentora vou duplicar e aqui eu vou colocar o nome da pessoa que eu inventei o nome aqui Amanda Vasconcelos aí vou vir em estilo vou deixar a cor rosa vou vir em tipografia vou deixar o peso 600 e o tamanho vou diminuir vou vir aqui depois depois da palavra a eu vou colocar sinal de maior sinal de menor e BR pra gente fazer uma quebra de linha ficou assim vou vir aqui na biblioteca vou arrastar o edit de texto para cá vou colocar o texto aqui

sempre clicando em publicar para não perder nada vou vir aqui na biblioteca vou arrastar um Edit de imagem deixar em completo clicar aqui e vou arrastar para cá a imagem do quem sou que eu deixei aqui também já vou ensinar para você como que eu fiz no canva clicar em selecionar vamos clicar aqui neste contêiner vir em layout vou deixar aqui a linhada ao centro você achou que tiver ficado muito grande você pode vir aqui em estilo e ajustar o tamanho da largura eu V deixar esse tamanho aqui mesmo pronto agora nós vamos fazer a

parte do fa que é as perguntas frequentes né que também é muito importante Vamos colocar um contêiner com a setinha para baixo virei avançado Vamos colocar 50 de preenchimento estilo cor do plano de fundo Vamos colocar esse vermelho escuro aqui em avançado a gente vai desencar os valores de padding de preenchimento e em cima e embaixo a gente vai colocar 90 Vamos ir aqui na biblioteca arrastar o edit de título para cá a a gente vai substituir pela pelo título perguntas frequentes vou vir aqui estilo deixar alinhada ao centro a cor eu vou mudar para

Branco vou vir aqui no na biblioteca vou pegar um de acordeon ou sanfona que é este e pronto ele já é configurado ó para ter um título e você clicar e ele abrir então vou excluir todos e substituindo aí aqui você cola o título E aqui nessa caixa de dentro você coloca o texto que seria a resposta para essa pergunta que você tá fazendo aí você clica aqui nessa caixinha para duplicar e vai substituindo eu vou substituir aqui todos os meus títulos e você faz aí nos seus Pronto agora vamos ir aqui em estilo título

aqui em plano de fundo a gente vai substituir por essa cor ó que é uma versão mais branquinha vou vir aqui acho que eu vou aumentar diminuir um pouquinho a opacidade ficou assim agora a gente vai vir aqui na cor do título vamos deixar de branco e na cor ativa vamos deixar de Rosa a tipografia a gente vai deixar essa do Realce e preenchimento né que é o espaço aqui de cada pergunta a gente vai deixar 20 aqui em conteúdo em preenchimento a gente vai deixar 30 a cor do texto vamos deixar de branco e

a tipografia a gente vai deixar de texto mesmo aí aqui em sanfona tem a cor que é a cor da borda né eu vou colocar a mesma cor que é a cor de fundo pra gente poder fazer o espaço ó a gente a gente vai usar a borda como espaçamento ó aí eu vou aumentar o tamanho da borda Porque como ela é a mesma cor de fundo vai ficar parecendo que a gente colocou o espaço ele vai ficar assim eu vou voltar a cor de fundo para aquele branquinho mais claro ficou melhor pronto vou clicar

em publicar vou vir aqui em cima vou pegar um Edit de Botão esse botão aqui que já tá configurado para ser menor vou clicar com o botão direito em copiar clicar com o botão direito em colar aí eu vou vir aqui em avançado e vou diminuir vou tirar este padding superior essa margem superior pronto sempre publicando agora a gente vai fazer o nosso roda pack é onde a gente vai colocar alguns avisos legais algumas informações importantes Então vou pegar um flexbox com a setinha para baixo vou ver em avançado vou colocar 50 de preenchimento na

parte superior e na parte inferior eu vou mudar para 90 vou vir em estilo tipo de fundo vou pegar a cor vermelho médio vou vir aqui na biblioteca vou arrastar o edit de imagem para cá resolução vou deixar completo e a imagem vai ser essa logo tá aí aqui nesse momento você coloca a logo do seu projeto a logo do curso é interessante ter para reconhecimento de marca aí coloquei aqui se você quiser pode colocar lá no banner também o link você pode colocar URL personalizado e pode colocar o link da própria página vou deixar

linkado vamos vir aqui na biblioteca vamos pegar o edit de texto e aí a gente vai colar Um textinho aqui vou vir em estilo deixar alinhada ao centro e a cor vou mudar para Branco Agora eu vou pegar um Edit de título arrastar para cá vou colar aqui em link eu vou pescar a página de políticas de privacidade se você ainda não tiver feito você pode colocar o link dela depois porque no final do vídeo eu vou te recomendar assistir o vídeo da lgpd que é a lei geral de proteção e segurança de dados onde

eu te ensino adequar o seu site para essa lei e colocar o consentimento de cooks que é isso daqui ó quando você acessa qualquer site hoje aparece esse consentimento de cooks para você aceitar que os dados sejam coletados e isso é obrigatório em todo o site então depois você assiste um vídeo para regulamentar isso ó estilo centro tipografia deixar tipografia de secundário e vou modificar vou virei vou deixar Itálico e vou vir em decoração vou deixar sublinhado vou duplicar e vou colocar um texto de copywriting que é esse daqui eu vou vir aqui em estilo

a cor eu vou mudar para branco e a tipografia eu vou mudar para essa do subtítulo dois agora eu vou vir na biblioteca vou pegar o edit de caixa de ícone vou arrastar para cá aí vou escrever assim ó voltar ao topo vou escluir essa descrição e vou colocar aqui uma linkagem que é assim ó você vai colocar hash escrever primeiro título aqui nesse ícone a gente vai clicar e vai procurar pelo ícone de Arrow que é Seta aí eu vou escolher esse tipo de seta aqui aliás eu vou escolher up que é uma setinha

mais bonitinha vou pegar essa daqui que ela não tá empilhada aí eu clico aqui em V coloco empilhado vem aqui em estilo ícone tamanho do ícone vou diminuir vou vir em caixa espaçamento do ícone vou vir em conteúdo cor do texto vou deixar de branco e a tipografia vou deixar essa do subtítulo dois e vai ficar assim essa pessoa clicar Ela vai ir lá para cima mas para isso a gente precisa configurar ó primeiro eu vou pegar aqui a imagem da Nossa logo e vou diminuir um pouquinho o tamanho pronto ficou assim vou clicar em

publicar este contêiner aqui eu vou clicar vou vir em avançado vou vir aqui em classe e vou colocar DG DG divisor igual eu pus ali tá vendo ó minúsculo DG divisor que aí ele vai pegar aquele mesmo CSS que a gente fez pro banner ele já vai configurar esse divisor de contêiner aqui e vamos clicar em publicar aí pra gente fazer essa linkagem aqui ó pro topo a gente vai vir aqui vai vir neste contêiner E aqui nessa Classe A gente vai pegar o que a gente tinha colocado aqui embaixo que é primeiro título a

a gente vai colocar aqui mas não coloca hashtag tá coloca só primeiro título e clica em publicar Pronto agora a gente já pode ver como que tá ficando a nossa página aqui ó ah uma coisinha que eu esci de fazer a configuração ao passar o mouse ó clica aqui nesse CAD vem em avançado vem em plano de fundo ao passar o mouse e a gente vai colocar essa cor vermelho escuro e vai tirar um pouquinho da opacidade vamos clicar com o botão direito copiar clicar com o botão direito colar estilo e clique em publicar pronto

ó pronto tá assim este daqui também não ficou ó a gente também tem que fazer isso clica vem avançado plano de fundo ao passar o mouse tipo de fundo vamos pegar essa cor vermelho mais escuro diminuir um pouco Clica com botão direito e cola o estilo Agora sim agora a gente ó vamos clicar aqui para ver se vai até lá em cima ó não tá indo porque a gente tá na pré-visualização tá vendo no editor do elementor se a gente vier na página mesmo se a gente rolar a tela aqui para baixo e clicar Ah

tá errado mesmo ó eu coloquei aqui em classe e era para colocar em ID Então você faça essa mudança vamos lá clica Pronto agora vem para cá então não se esqueça tem que colocar em ID Vamos fazer um ajuste aqui que faltou que a gente vira aqui neste contêiner né que é o o que você terá acesso e neste contêiner eu prefiro que as imagens como são imagens maiores né de destaque só por conta disso tá se o se eu for de ícone não precisa fazer isso mas como aqui a gente tá usando imagens maiores

de destaque eu vou deixar essa sessão maior pras imagens ficarem maiores Então você vai vir aqui nesse contêiner principal vai vir aqui em largura vai mudar para porcentagem e vai colocar tamanho 76 para ficar em 76% que aí ela fica as imagens ficam maiores e nesse contêiner aqui a gente vai clicar e aqui vai ter ó espaçamento aí aqui no espaçamento entre as imagens a gente vai deixar 10 que aí Diminui um pouquinho o espaçamento entre eles vamos desencar os valores e no espaçamento das Linhas a gente vai aumentar para 15 okok o espaço entre

eles fica 10 e o espaço entre as linhas fica 15 e vamos clicar aqui em um dos itens Vamos ir em estilo e espaço entre a imagem a gente vai deixar zero aí vamos clicar com o botão direito copiar e clicar com o botão direito e colar o estilo em todos os cards pronto sempre publicando tá para não perder nada e Vamos acessar aqui para você ver a diferença Olha tá vendo aí as imagens ficam maiores pronto outra coisa aqui neste contêiner se você não tiver feito ó esse contêiner você tem que selecionar e aqui

em largura do conteúdo vai estar encaixotado você muda para largura Total ele tem que ficar em largura total para passar direitinho tá publicar Beleza agora a a gente vai adaptar o nosso layout para outros dispositivos porque a gente fez até agora o layout voltado para o computador para quem vai acessar no computador aí a gente tem que adaptar para ficar certinho no celular e no tablet e para fazer isso o elementor já tem essa função aqui ó aqui você vê como tá no computador aqui se você clicar muda para você visualizar como está no tablet

e aqui muda para você visualizar como está no celular aqui como está no tablet a gente vai colocar e vai adaptar ó quando você troca aqui de posição algumas coisas que você fizer são alteradas só para esse tipo de tela e as outras das outras telas continuam e outras não o que que você não pode fazer você não pode arrastar para outros lugares você não pode excluir você não pode acrescentar coisas novas A não ser que você faça uma limitação então todas essas configurações que eu vou fazer aqui para você são configurações que fica alterado

só em um tamanho de tela então por exemplo tudo que eu ferar aqui tablet vai ficar só no tablet quando você colocar no desktop vai est do jeitinho que você tinha deixado Antes quando você colocar no celular também vai tá então essas alterações que eu vou fazer aqui se você seguir igualzinho vai ser alterada só nesse tamanho de tela mas tem que seguir igualzinho tá mas se você quiser aprender mais sobre tamanho diferente de tela tem um vídeo aqui no canal ensinando como configurar o elementor pra diferent tamanho de tela bom ponto principal tamanho da

imagem essa imagem aqui tá vendo que a arte que a gente fez da mulher tá ficando muito para cá então a gente não consegue deixar a arte de moto que ela não fique cortando aqui na posição da imagem ó cliquei no contêiner principal estilo aqui posição da imagem tá inferior centro se a gente deixar inferior à direita ou inferior à esquerda ela nem vai aparecer então O interessante é que a gente faça outro tamanho de imagem aí para isso você pode vir aqui no canva e adaptar a imagem pro tamanho adequado pro tablet ó você

vem aqui em criar um design tamanho personalizado Aí você coloca 10000 por 600 e clica em Criar novo design aí as imagens que você fez ó que nem eu tenho essas minhas imagens aqui né que eu deixei para vocês ó elas já vão até estar aqui tá no naa de banner de tablet Mas enfim na sua você vai ter feito né Aí você arrasta para cá aí você clica com o botão direito coloca assim ó ó clica fora clica em cima dela Clica com o botão direito definir imagem como plano de fundo e ela já

vai se ajustar aí você pode clicar duas vezes ó e ajustando se você quiser aumentar ou diminuir também ó tem como aí você vai ajustando aí tenta deixar a imagem da pessoa o mais próximo possível de cá não deixa tanto espaço como a gente tinha feito no do computador mas também não deixa colado para não ficar cortando tá então deixa mais ou menos assim mais ou menos nessa proporção aqui fica legal e pronto aí as outras imagens você faz a mesma coisa né as outras duas imagens que a gente usou de fundo Clica com o

botão direito clica em definir como plano de fundo clica em adicionar nova página pega a outra que é o do Banner tu oferta clica fora clica nela botão direito defin imagem como plano de fundo e aí é isso clica em compartilhar baixar e baixa as três páginas pronto e aí igual nos anteriores vai baixar uma pasta zipada você clica com o botão direito clica em extrair tudo e clica em extrair E aí você vai ter baixado as imagens aqui pronto então você vai vir aqui né no contêiner principal vai vir aqui em imagem vai arrastar

para cá a imagem que você fez eu tenho aqui a pasta de banner tablet já vou arrastar todas para cá ó vou selecionar na imagem clicar aqui embaixo em selecionar pronto vou clicar aqui em posição Vou Colocar assim inferior à direita ela vai ficar assim vou vir aqui neste contêiner vou vir aqui em largura vou deixar em porcentagem aumentar o tamanho da largura e aqui essa daqui eu vou clicar vou deixar em porcentagem vou diminuir o tamanho dela vou deixar 20 e Poucos por Cent nessa daqui eu vou diminuir e vou deixar mais ou menos

66% e ainda aqui no contêiner ó vou clicar no contêiner principal vou vir em altura mínima e vou diminuir a altura pronto aí você vai ajustando de modo que fique aí do tamanho que você achar que fique legal vou clicar aqui nesse título E aí você vem aqui vem aqui na tipografia e encontra um tamanho que você achar que fique legal que vai depender do tamanho do seu texto né o tamanho que eu achei que ficou legal foi 35 ó Ó ficou assim aí você pode clicar em publicar não precisa alterar todos eh tamanhos de

títulos de uma vez se você não quiser pode vir aqui em cima ó em configurações do site Fontes globais aqui no primário você deixa 35 pronto aproveitando eu já vou colocar aqui no celular e vir aqui em primário e deixar tamanho 32 pronto aí você clica aqui embaixo em salvar alterações fecha vou voltar aqui pro modo de tablet pronto ó aí como a gente já alterou lá no padrão do tema ele já alterou sozinho os títulos tá vendo já diminuiu sozinho aí neste daqui a gente vai precisar mexer Ah tá uma outra coisa que a

gente pode mexer aqui você pode vir vir em avançado e diminuir o preenchimento né que é o espaço de dentro para 40 aí nesse caso a gente pode vir aqui e diminuir um pouquinho esse contêiner pronto neste daqui também a gente vem aqui no contêiner vamos vir aqui em avançado Vamos colocar 40 de preenchimento aqui a gente vai vir aqui nesse contêiner interno em colunas nós vamos deixar duas e em linhas vamos deixar duas que a proporção da imagem desse jeito vai ficar melhor aí a gente vai vir aqui nesse contêiner vai clicar aqui vai

vir em avançado Ah não esse daqui a gente não precisa ajustar porque ele já tem um tamanho legal por conta do do Carrocel né a gente vai vir só aqui estilo imagem e vai substituir pela imagem do tamanho adequado Pronto agora vamos vir aqui nesse Carrossel quando tá assim bugando demais é legal você publicar E aí recarregar a página Vou colocar aqui no modo de tablet pronto vou vir aqui no Carrocel e aqui slides para mostrar eu vou mudar para três pronto ficou assim vou vir aqui neste contêiner vou vir em avançado vou colocar 40

de preenchimento aqui eu vou vir neste contêiner vou colocar colunas um e linhas 1 2 3 4 5 6 seis linhas aqui eu vou clicar no coner vou vir em avançado vou colocar 40 de preenchimento Ah tá esse aqui a gente I mudado a largura dele aí a gente pode colocar para 100% de novo aí vamos vir aqui nesse contêiner interno vou deixar três colunas e 1 2 3 4 quatro linhas Mas você pode ir alterando no seu tá você vem aqui diminui de repente para duas linhas depende do do tipo da imagem sua e

do tamanho que tá os seus textos às vezes se tiver um texto muito grande compensa você deixar maior tá então aqui no meu ficou legal três colunas pronto vou vir aqui nesse contêiner em avançado vou colocar 40 de preenchimento vou vir aqui em layout vou deixar alinhada ao centro esse aqui vai ficar do mesmo jeito neste também vou vir em avançado vou colocar 40 de preenchimento vou vir aqui nessa grade vou deixar duas colunas e duas linhas e aí vou vir aqui no espaço das colunas das Linhas porque ó tá vendo que esse aqui como

a gente configurou para ir puxar a imagem para cima tá ficando em cima do quadrado superior Então a gente vai vir aqui ó vamos colocar 20 que aí vai ficar 20 de espaçamento das colunas e das Linhas aí a gente vai clicar aqui pra desencar E aí na linha que é esse espaço aqui ó a gente vai aumentar para 60 aí ele vai dar um espacinho legal pronto aí vamos ir neste contêiner clicar virem estilo tipo de fundo vamos pegar aquela imagem que a gente fez para tablet pronto vamos vir aqui em avançado Vamos colocar

40 de preenchimento vamos vir aqui neste contêiner interno vamos vir aqui em largura e Vamos aumentar a largura dele vou diminuir um pouco pronto ficou assim nesse aqui tá tudo certo pode deixar esse aqui também a gente vai vir vai colocar 40 de preenchimento aí ele a gente vai modificar Vamos ir em layout Vamos mudar aqui em direção pra vertical para ficar um abaixo do outro aí vamos ir nesse contêiner mudar aqui o tipo de dimensão para largura Vamos colocar 100% aí esse daqui de baixo pode deixar aí aqui a gente vem vem avançado Vamos

colocar 40 de preenchimento também e neste daqui vamos ir em avançado e colocar 40 de preenchimento e pronto vamos ter configurado toda a nossa parte de tablet agora vamos mudar para celular celular a mesma coisa só que no caso nos banners a gente tem que fazer uma adaptação também aí em vez da gente fazer igual a gente fez no do tablet que a gente só pegou a imagem a gente vai ter que reestruturar o modelinho que a gente tinha feito então aqui no canva quando você faz um modelo ele fica salto tá vendo o último

modelo de banner que eu fiz foi esse daqui aí você vai clicar nele vou voltar aqui no canva vou clicar aqui em criar um design Lembrando que eu vou criar um outro modelinho aqui que eu estou ensinando você a criar se você tiver criando o seu layout Mas se você tiver fazendo igualzinho o meu já vai ter todas essas imagens disponíveis lá para você no nosso material de apoio tá então você clica em tamanho personalizado coloca 1080 de largura e de altura 1300 vamos clicar em criar um novo design aí estes aqui ó que você

fez você vai copiar Então vou diminuir aqui a largura para conseguir pegar tudo esse aqui eu já vou copiar e colar aqui op copiei só a luzinha que estava aqui B apagar ó vou copiar todo esse fundo cliquei em cima e cliquei em copiar clica aqui clica em colar né é cont Crol V aí eu vou arrastar para cá para baixo clicar aqui para pegar o fundo ó contrl C vou clicar aqui e colar o fundo aí este eu vou adaptar ó vou aumentar para poder pegar na tela toda esse aqui da moça também ó

vou copiar tudo que eu tenho aqui clicar aqui para duplicar clicar aqui e excluir e colar ele vai vir tudo aliás ó vou dar cont control Z cont CRL Z que ele não veio essa imagem de fundo do dinheiro né aí eu vou dar control V para poder colar que aí já Cola junto com o dinheiro e aí eu vou selecionar tudo de uma vez e arrastar Aqui para baixo ó já posicionar no lugar que eu quero e eu vou ajustando essa imagem de fundo aqui deixar ela mais pra borda para não ficar cortando a

mul aí aqui você tem que considerar o seguinte ó no celular vai ficar um espaço muito grande aqui de texto Então quando você for fazer um banner você tem que fazer assim colocar a pessoa aqui pequena embaixo e deixar o espaço grande em branco contando que aqui vai ser usado para texto Se você deixar a mulher assim ó muito grande não vai adiantar porque o texto vai ficar tudo em cima da cabeça dela tá então tem que deixar ela mais pequena assim para poder ficar legal tá ó essa imagem aqui eu vou vir em opacidade

vou diminuir um pouquinho a opacidade dela E aí assim ficou o nosso banner eu vou clicar aqui em adicionar nova página excluir e vou vir aqui e pegar esse item e colar ele e aí você posiciona no meio aí da mesma forma clica em compartilhar clica em baixar e clica em baixar todas tá E aí descompacta aí pro seu computador igual fizemos com as outras aí você vai vir nesse contêiner vai vir em avançado vai colocar 20 de padding né de preenchimento aí aqui você desvincula no superior você pode colocar 40 para dar um um

destaque melhor ali em cima vamos ir em estilo imagem aí a gente vai arrastar para cá essas imagens do banner para mobile ó já vou arrastar todas de uma vez vou selecionar essa clicar em selecionar quando você troca de imagem costuma dar um bugzinho mesmo tá só esperar então recarregar salvar e recarregar a página ó vou clicar aqui em publicar eou recarregar a página Pronto agora vou colar novamente aqui no modo de telefone vou vir aqui nesse contêiner vou vir em estilo aí aqui a posição eu vou deixar inferior ao centro pronto aí aqui acho

que a gente vai ter que diminuir um pouco mais o tamanho dessa imagem ó dessa imagem não do texto ó Vamos diminuir para deixa eu ver 32 que foi o que eu tinha colocado ó ainda ficou ruim vou deixar 29 mesmo e vou vir aqui nesse botão vou vir em estilo tipografia e vou diminuir um pouco o tamanho dele vou deixar tamanho 14 vai ficar assim eu vou voltar aqui no contêiner vou vir em layout altura mínima vou aumentar pronto Ah eu não tinha aumentado a altura mínima antes né então posso voltar o tamanho do

texto porque pro tamanho que eu tinha achado ó deixar 34 pronto ficou assim aí vamos vir aqui no contêiner vamos vir aqui em início vamos configurar o nosso texto aqui pro início ó vai ficar assim e aqui em direção Vamos mudar pra coluna para ficar vertical aí vamos mudar aqui o deixar justificar o conteúdo pro pro início aí vai ficar assim aí se você quiser você pode aumentar um pouquinho mais para tirar mais esse essas coisas de cima da cabeça da modelo pronto aí nesses daqui a gente vai vir no contêiner principal vai vir avançado

vamos ajustar aqui o nosso preenchimento ó vamos colocar 20 de preenchimento esses daqui estão Ok vamos vir aqui também nesse contêiner avançado Vamos colocar 20 de preenchimento aí esse a gente tem que mudar a imagem né já arrastei a imagem para cá essa daqui pronto aí vamos ir aqui neste contêiner aí da agora pra frente é basicamente isso colocar 20 de preenchimento aqui ele já vai se adaptar ó colunas um linha seis vamos ver se com seis linhas um 2 3 4 5 6 é colunas um linhas um linha seis aqui também gente vem avançado

coloca 20 de preenchimento aqui você testa dependendo do tamanho você pode colocar dois por coluna ó e ficar assim só que aí dependendo fica muito grande então o que que você pode fazer dá uma diminuída nos Espaços vem nesse contêiner interno vem avançado vou colocar zero de preenchimento vou vir aqui no layout e o espaçamento entre as colunas e as linhas ó eu vou colocar cinco que é bem pouquinho vou desenc E aí entre as linhas eu vou pôr 10 e nesse aqui quando a gente testa no celular ele não fica tão pequeno mas aí

você tem que ver no seu de repente o tamanho de texto que você colocou no seu não vai ficar muito legal então você tem que analisar no seu tá você pode vir aqui no card e colocar preenchimento zero também para dar uma diminuída o meu já tava né porque eu tinha configurado aí beleza aí vamos ir neste aqui vamos vir em avançado Vamos colocar 20 de preenchimento desenc nesse aqui de cima a gente põe 60 por conta do dessa imagenzinha aqui e vamos ir em estilo tipo de fundo e substituir pelo tamanho certinho para celular

sempre clicando em publicar para não perder nada OK agora vamos nesse avançado 20 de preenchimento aqui a gente clica nesse contê interno coloca uma coluna e três linhas aqui nesse caso né aqui nesse contêiner vamos ir vamos ir em avançado e vamos colocar 20 de preenchimento desinc os valores e aqui no superior e no inferior a gente coloca 40 e também vamos ir estilo tipo de fundo e pegar a imagem do tamanho adequado e publicar Vou recarregar a página só porque o meu tá ficando muito bugadinho espera primeiro salvar tá antes de recarregar a página

ó não publicou vou clicar em publicar de novo Pronto coloquei de novo no modo de celular aí aqui nesse contêiner eu esqueci de deixar ajustado ao centro né ah não já tá ajustado ao centro beleza aí nesse contêiner aqui a gente vai só ajustar os tamanhos Então vou vir aqui no tamanho do texto vou vir em estilo tamanho e vou dar uma diminuída de modo que fique só em duas linhas nesse aqui também eu vou vir aqui vou vir em tipografia e vou diminuir esse aqui a gente pode até deixar grande assim para dar mais

destaque Vamos ir no contêiner Vamos ir em avançado Vamos colocar 20 de preenchimento vai ficar assim nesse aqui a gente vai vir no contêiner vai vir em avançado Vamos colocar 20 de preenchimento também vamos vir aqui nesse avançado Vamos colocar 20 também de preenchimento vamos aqui em estilo imagem tamanho da imagem né largura a gente vai aumentar conteúdo caixa espaçamento entre a imagem do texto a gente vai diminuir e vamos ir aqui neste contêiner avançado 20 de preenchimento aqui tá com tamanho legal e esse aqui também avançado 20 de preenchimento e neste de baixo também

avançado e 20 de preenchimento E aí agora é a hora de você testar no seu celular ver se tem alguma coisa para se adaptar Ok fizemos todas as alterações agora a gente vai colocar alguns efeitos de movimento Se você prestar atenção nessa versão aqui que eu tinha feito ó na hora que você carrega tem os efeitos de movimento tá vendo que vai aparecendo gradual alguns vibram quando aparece tudo isso é configurável você consegue colocar efeito de movimento em todos os contêiners e em cada um dos itens também nesse aqui a gente já colocou o botão

para ele ficar vibrando né mas a gente vai vir nele vai vir em avançado efeito de movimento e vamos colocar para ele aparecer em Pulse né pulsando para na hora queer carregar a página D esse efeito já o contêiner a gente vai clicar vai vir em avançado vai vir em efeito de movimento animação de entrada Vamos colocar F lento para ter essa animação gradual vou clicar aqui no olhinho pra gente ficar vendo ó gente ficar vendo como é que tá sendo aqui nesse eu vou vir nesse título vou vir em efeitos de movimento vou colocar

F in também e nos outros títulos você vem coloca também eu não vou colocar em todos para não ficar repetitivo mas eu vou te falando você vai colocando aí aqui eu vou vir em cada um deles vou vir em avançado efeit de movimento e vou colocar Pulse também que é pulsar pode escrever assim para para pesquisar Pulse lento aí você pode clicar com o botão direito copiar clicar com o botão direito e colar o estilo que ele já vai aparecer publica vendo e já vem aqui e recarrega aí agora essa parte aqui vou fazer a

mesma coisa nos títulos eu vou vir e colocar F in lento e nesse daqui também no título vou vir colocar F in e lento e aqui também vou vir vou vir em avançado efeit de movimento pin e lento Isso é muito bom pessoal pro carregamento da página porque quando você atrasa o carregamento das coisas faz com que o site recarregue assim de imediato só mesmo background E aí Isso facilita para renderizar ou seja para carregar a página e ela carrega mais rápida porque o navegador não precisa fazer todos os processos ao mesmo tempo e também

fica mais bonito né Aí você vai fazendo a mesma coisa ó vem aqui vai fazendo efeito de movimento nesse esses de título são sempre os mesmos f dein e nesses daqui também são sempre os mesmos pulsar E lembrando que como são coisas iguais você consegue clicar com o botão direito clicar em copiar e clicar em colar estilo Só toma cuidado que se você tiver feito com layout diferente cor diferente aí vai alterar se você tiver feito esse aqui escuro e esse Claro aí os dois vão ficar da mesma cor aqui os botões também vocês fazem

a mesma cor né coloca o mesmo efeito do lado de cima e aqui também vai fazendo a mesma coisa nesses daqui eu coloquei fim para aparecer gradualmente aí quando tem texto assim eu coloco o no contêiner todo ó vem aqui no contêiner efeito de movimento f e lento e aqui na imagem ou no contêiner da imagem também aqui também a mesma coisa Pulse e aqui também aqui nesse deixa eu ver os que eu tinha feito nesse do te ó tá vendo aqui pulsar aqui também pulsar esse aqui também foi pulsar e os outros foi fidin

então aqui você pode vir no contêiner todo efeito de movimento pulsar fazer isso no botão também e o restante você vai colocando fidin esse aqui você pode colocar no item todo fidin fidin fidin vou fazer todos o meu aqui pronto ó ficou assim com os efeitos de movimento eu fui colocando em todos você coloca aí no seu também agora a gente vai configurar essa Barrinha lateral ó tá vendo que aqui neste modelo ó eu fiz a Barrinha lateral padrão do WordPress é assim branquinha ó quando você tá no navegador aí a gente consegue modificar ela

com CSS também você clica aqui em personalizar vem em CSS adicional abaixa rola a página até aqui um espaço né e cola este código ó começa com e Kit que vai estar no seu material de apoio aí já vai mudar Aí eu vou te ensinar como mudar as cores se você quiser tá pra você poder mudar a cor de fundo tá vendo que é o nosso roo roo não né o nosso vermelho escuro é aqui em background background é fundo Aí você vem aqui ó vou mudar para Preto pra você ver preto é 0 ó

mudei para preto e para você mudar as cores do itenzinho de rolagem você muda por aqui ó aqui tem duas cores tem essa e tem essa de baixo ele vai fazer um degradê entre as cores eu vou colocar com os dois Dourados aqui para você ver ó vou colocar esse Dourado Claro aqui desse lado e o dourado escuro embaixo tá vendo onde tem o código da cor hash e um número aí você substitui ele todo olha aí já mudou então é assim que você faz eu vou deixar o que estava mesmo para combinar aqui com

o meu projeto aí depois que você modificar tudo você clica em publicar E aí pode sair dessa página agora eu vou te ensinar como fazer para você acessar a página editar e como divulgar né porque o que que acontece demais tem muita gente que vem Aprende fazer a página E aí vai lá e fala eu não tô conseguindo acessar quando eu acesso dentro do do site dá para ver mas quando eu vou enviar para alguém não dá para ver porque sabe o que acontece a pessoa clica aqui no olhinho para poder ver né a visualização

da da página como eu ensino aqui para ver as alterações e aí ela acha que o link da página é esse mas não esse é um link de pré-visualização do elementor o link da sua página é esse aqui ó é o link principal do seu site Então quando você vai divulgar o seu site é esse aqui que você divulga porque se você divulgar este link aqui olha o que que acontece ó aparece esse erro e tá certo a pessoa não tem permissão para ver esse editar Só você que é administrador então quando você for divulgar

para as pessoas é só o link aqui da sua página mesmo e novamente se não tiver aparecendo é porque você não colocou a página como página principal Então você tem que vir aqui em configurações leitura ó o seu vai est assim aí você muda para uma página estática e seleciona aqui a página que você fez e clica em salvar e se você for alterar novamente né quiser alterar mais alguma coisa tem duas alternativas ou você acessa o seu site tá vendo ó passa o mouse aqui clica visitar site e clica aqui em editar com elementor

ou então você vem aqui em páginas todas as páginas ó está aqui a sua página e você clica aqui em editar com Elementor você vai cair lá direto no editor também ok outra coisa esses botões aqui o link que você vai colocar para ele depende para onde que você quer direcionar a pessoa Às vezes é uma página de mentoria que você vai mandar pro seu WhatsApp pra pessoa falar com a sua equipe ou às vezes vai mandar pro seu Instagram ou às vezes vai mandar para um checkout que você quer que a pessoa efetue o

pagamento então Esso aqui Depende do que que você quer se você for vender curso por exemplo você tem que entrar lá na plataforma que você for usar como por exemplo a hotmart vai lá nas configurações e procura o seu link de checkout tá cada plataforma tem uma um lugar diferente onde fica os links então não tem como eu te falar como que você ir lá e pegar porque existem muitas plataformas eu não sei qual você tá usando Mas aí você pesquisa na internet como gerar o link de checkout do produto que você tá vendendo nessa

plataforma forma e aí você vem aqui no botão e cola o link aqui tá vendo eu como eu falei para vocês no início vendo o template dos projetos que eu ensino aqui ó eu tenho essa minha loja de templates então se você não quiser fazer passo a passo da aula criar o site todinho você pode comprar o template que é uma cópia de como a página está E aí ela listando aqui no seu WordPress você vai só modificando Ó você clica aqui troca o título clica aqui troca o texto né troca as cores não precisa

você criar tudo passo a passo e aí no meu caso eu vou né aproveitar que as pessoas venha aqui para ver a página e vou colocar o link de compra do meu produto ó que é esse aqui que aí se a pessoa clicar em comprar ela já vai direto aqui pro meu template ó Então já vou deixar inclusive já fica a dica se você quer comprar esse template acessa aí ó curso adn.com que é só você clicar em quero comprar e você já vai direto lá para comprar o template tem outros modelos de plates lá

na minha loja também se você quiser tá mas aí no seu caso você vem aqui e coloca 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 Market 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 so que é um plugin que a gente configura o site para ele aparecer nas primeiras posições do Google né mais rápido ou 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ã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ó as imagens que eu fico falando fica aqui embaixo tá ó baixo material de apoio você clica

aqui se você você quiser comprar hostinger também que é hospedagem Ó tem o nosso link Se você comprar com o nosso link nós somos 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 então por exemplo vai ter assim sessão de oferta sessão tal criando banner 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 esses consentimentos de cookies 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 você gostar de outros modelos tem vídeo aqui no canal inclusive este daqui é bem

legal ó este modelo de banner aqui que eu fiz para esse projeto do iio PC ó eu ensinei a fazer esse banner aqui no canal vou deixar o vídeo aqui na descrição também de como fazer banner no canva Playlist de market com elementor então tem te ensinando a instalar Pixel do Facebook Pixel de conversão várias coisas plugin de segurança para evitar que seu site Seja invadido né seja corrompido e o mais importante de todos como fazer backup se você tem um backup pessoal você fica totalmente resguardado e se acontecer alguma coisa seu site foi invadido

você deixar de pagar 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 de algum problema é só você upar o backup que você fez que você restaura o site do jeitinho que ele tava antes de aconteceu 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 pras 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 vamos lá então ficou assim o nosso projeto ó Carrossel a pessoa a pessoa consegue clicar e navegar pelo Carrossel aqui também conteúdo temos o nosso Carrossel aqui contínuo bônus sessão de oferta garantia quem sou perguntas frequentes e aqui voltar ao topo Então é isso, espero muito que vocês tenham gostado, se você curtiu deixa um like no

vídeo, se inscreva no canal, me segue nas redes, um abraço, até a próxima, tchau.