Como eu monto minhas páginas de venda de maneira simples | passo a passo

E aí seja bem-vindo a este vídeo em que eu vou te ensinar como eu monto Minhas páginas de vendas o que eu vou fazer eu vou montar uma página aqui contigo para você aprender a montar uma página de vendas tá nós vamos montar uma página semelhante a essa daqui eu tenho este produto meu playbook Como construir um negócio de R 1 milhão deais ele é um e-book e eu tenho essa página super simples cara eu vendo dezenas disso daqui todos os dias eu vou te mostrar como montar uma página como essa e nós vamos montar

aqui por quê Porque ter uma página de vendas é parte essencial de um negócio digital não tem que fazer você vai ter que ter uma página de vendas então eu quero te mostrar como fazer ISO da forma mais fácil e ao mesmo tempo profissional que tem o que que nós vamos usar nós vamos usar WordPress mais elementor tá WordPress ele é o local onde ficam as tuas páginas Onde fica o teu site para quem não entende muito disso igual eu não entendi há um tempo atrás é local onde fica o teu site Beleza o elemento

é um Plugin do WordPress Como que você faz para ter isso como como é que você tem isso primeiro você precisa comprar um servidor o servidor que eu indico é a hostinger este é o meu servidor é o servidor que eu uso ele é muito bom ele é rápido e ele é barato se você vier aqui você vai ver que você pode clicar em começa agora e você pode pagar 10,99 por mês ou R 14,99 por mês eu prefiro esse plano Business Mas você pode pegar um plano Premium que é barato e vale muito a

pena escolhe o plano qu Quanto mais tempo você escolher do plano porque você tem que pagar por um tempo né se eu clicar aqui você vai ver vai carregar Quanto mais tempo de duração do Servidor mais barato fica 48 meses é o maior tempo esse é o melhor a melhor escolha por quê Porque depois que você vence esse tempo vai ter uma renovação na renovação é sempre mais que você paga então é melhor ficar 2 anos ou 4 anos com ele a 10,99 por mês do que ficar do anos com ele a 12,99 por quê

Porque depois vai renovar ó a 29,99 e aqui renova a 2,99 mas melhor ainda existe um cupom chamado Elton você pode colocar esse cupom tem um cupom de desconto sim Elton E aí quando você coloca esse cupom você ganha mais 10% de desconto Beleza então né mais 10% de desconto em cima o link vai est tá aqui na descrição é um link de afiliado aou comprar por este link o servidor você ajuda o canal também beleza assinou a hostinger você ganha um domínio gratuito então ao comprar aqui um plano você vai poder escolher um domínio

aqui ó nome do domínio zer vale muito a pena você escolhe um domínio a próxima coisa que você precisa fazer é ir no full também vai ter um link aqui embaixo e no full você vai conseguir comprar o elementor pro que é o que eu uso para criar as minhas páginas o elementor Este plugin ele é um construtor de páginas Beleza beleza explicado explicada essa parte burocrática uma vez que você assinou o servidor baixou o domínio você vai Ô instalou o servidor instalou WordPress No Teu Domínio você vai entrar lá no WordPress e você vai

conseguir entrar pelo elementor para construir uma página é muito simples de fazer eu já tô com uma página aberta aqui eu vou construir ela contigo o elementor ele é um construtor de página por blocos eu fiz um outro vídeo mostrando um pouco mais de detalhes você pode ver o vídeo aqui num Card que eu vou deixar em algum lugar nós vamos construir uma página como esta do playbook Então vamos lá a primeira coisa você entender é existe algumas camadas no elementor a primeira camada é a de dobras Então nós vamos clicar em mais aqui eu

vou fazer uma dobra de vamos lá uma coluna só porque eu só uso dobras de uma coluna tá Depois você vai ver você dentro das dobras existem as colunas e dentro das colunas Existem os elementos quando eu clicar em mais aqui ele vai pedir por um elemento o elemento tá aqui na esquerda vou escolher uma imagem você pode colocar qualquer imagem que você quiser subir para o teu elementor então você fazer um upload das imagens eu tenho um monte de imagem aqui na minha biblioteca Eu vou pegar a imagem do próprio playbook aqui ó e

vou colocar ela ela já vai ficar certinha aqui nem a imagem certa né que aqui é uma outra mas tudo bem serve para o que nós precisamos aqui já tem a imagem eu vou clicar em mais de novo e vou adicionar mais um bloco dessa vez vai ser um bloco onde eu vou colocar aqui ó mais um título Vamos colocar aqui o título ó vou copiar eu vou fazer uma página Idêntica tá eu vou copiar aqui opa e eu vou adicionar o título aqui ó você pode editar tanto aqui quanto aqui na esquerda normalmente editar

aqui na esquerda é melhor tá então vamos editar aqui na esquerda coloquei aqui vou ver em estilo vou mudar a cor desse texto botar Preto vou mudar a tipografia também eu não gosto de Roboto sempre vem com Roboto aqui eu eu sou um fã do monser V botar um monte vamos um monte serrar normal isso vamos botar normal vamos centralizar esse texto vamos também TZ botar aqui um 24 de tamanho pouco maior né Vamos botar um 30 aí veja só Olha como a imagem ela acaba aqui né sempre bom abrir porque você página inteira você

também a todo momento pode clicar nesse olinho aqui embaixo e ele vai te ajudar a pré visualizar as alterações vamos clicar nele aqui e vamos lá Tem que publicar né Eu imagino que eu ah não o pop-up está bloqueado aqui aí pronto Desbloqueei o pop-up ó pré-visualizar a página ela está assim então nós vamos voltar aqui na página Vamos mudar estee título eu quero deixar ele na mesma largura disso daqui da imagem Então vou vir em avançado vir em preenchimento eu vou desvincular todos e eu vou colocar um preenchimento na direita de 50 e um

de 50 na esquerda ó quase suficiente vamos subir para 60 aqui nos dois lados acho que vai ficar bem parelho daí já vai ficar bom tá aí tá tá quase bom tá quase bom você vai ver que aqui ó na minha página Vamos deixar ela aqui pro lado eu tô com até com uma outra fonte mas é pra gente colocar um [ __ ] aqui na tipografia Vamos dar um peso aqui que dela vai ficar eu acho que é a mesma fonte hein é vai ficar bem parecido já não é a mesma fonte eu não

sei que fonte eu usei aqui eu não me lembro eu teria que editar essa página para ver aqui mas eu quero deixar ela de exemplo a fonte não faz muita diferença aqui nesse sentido né Vamos deixar assim vou criar um novo elemento e dessa vez ser um elemento de texto vamos clicar em mais aqui ó editor de texto cara super simples né Tá vendo como é fácil criar uma página Parece um bicho de sete cabeças quando a gente tá começando mas é muito fácil eu vou copiar esse texto eu nunca faço o texto ali direto

eu faço o texto no notion vou copiar ele inteiro aqui ó eu só vou jogar aqui no elementor pronto o texto inteiro vamos ter que dar uma mexida nele aqui deixa eu dar un um enter aqui nas coisas né a gente vai ter que dar uma pequena mexida nele ele nunca copia 100% Redondo vamos mexer vou mexer aqui vamos mexendo vamos mexendo Vamos dar um enter aqui deixar um pouquinho mais passado e vai ter que mudar essas cores vamos ver como é que elas estão aqui o interessante Dá para mudar a cor aqui então eu

posso pegar esse texto e editar ele aqui dentro ó eu posso vir aqui em texto eu vou procurar por ele ó o que você vai aprender vamos achar aqui o que você vai aprender em algum lugar ele vai tá ó pá pá pá e ele vai ter a cor tá então dá para você mudar por aqui porque eu consigo mudar a cor por aqui mas a gente pode fazer de um jeito Talvez seja muito complexo para muita gente ir mudando ali dentro do código a gente eu vou tentar fazer de um jeito que fi mais

fácil para todo mundo tá que tá assistindo esse vídeo em vez de deixar dessa forma eu vou simplificar e vou fazer o quê eu vou criar várias caixas então eu posso pegar aqui ó clicar com o botão direito eu vou duplicar esse e eu vou começar a alternar Então vamos arrancar tudo isso aqui fora porque eu acho que para quem tá assistindo e É lego nesse tipo de coisa é mais fácil criar vários blocos se conseguir selecionar aqui ajuda né Vamos selecionar por aqui ó vamos cortar isso aqui fora vamos criar vários blocos que eu

acho que vai ser muito mais simples de editar Vamos colocar aqui cont control V ficou o título inteiro mas eu vou apagar Opa aí o que você vai aprender vou arrastar é muito fácil ó é só pegar e arrastar para baixo vou deixar ele Centralizado vamos ver como é que tá o tamanho aqui do meu meu ó vamos botar ele aqui então pro lado vamos fazer meio parecido esse título ele tem que ser menor do que esse porque esse título é o principal como se fosse H1 isso aqui como se fosse um H2 vou colocar

ele 24 que acho que já vai ser suficiente aqui vou em avançado vou zerar isso aqui para ele ficar lá no canto igual o outro o que eu vou fazer também ó tô achando este título muito perto desse texto se eu puxar aqui dá para ver que é assim então eu vou clicar aqui e eu vou em avançado vou aumentar a margem inferior então V aumentar aqui botar uns 40 de Margem inferior já ficou um pouco mais espaçado também dá para colocar um pouquinho de Margem superior aqui para espaçar o que que a margem faz

a margem espaça esse essa borda aqui Rosa da coluna desta outra coluna o que o preenchimento faz o preenchimento ele espaça este quadradinho rosa que é onde tem esse lapizinho aqui que é o elemento da coluna então o preenchimento é o espaçamento dentro a margem é o espaçamento fora Beleza acho que assim fica fácil a explicação tá vamos continuar aqui vamos Copiar esta parte que que eu vou fazer vou só duplicando aqui agora vou duplicar este Inclusive eu dupliquei já mas vamos mudar o estilo Vamos mudar essa fonte também tá Roboto talvez tem uma fonte

Poppins aqui dá para ver se é Poppins a fonte que eu tenho lá na outra página Poppins é uma fonte legal também não me lembro mas eu vou deixar popins aqui só para este vídeo eu vou apagar até esse elemento aqui para facilitar nossa vida e já duplicar aqui com a fonte que eu quero vou duplicar algumas vezes porque eu vou precisar de mais texto lá embaixo pelo que eu me lembro Então vamos botar um aqui embaixo já vamos editar esse aqui ó a aí muito bem acho que dá para deixar esse espaçamento mesmo se

eu acho ele até melhor do que o que tá aqui tá muito coladinho aqui acho que vou deixar esse espaçamento um pouco maior Não sei não sei eu Talvez teria que vir aqui e mudar a altura da Linha aí eu consigo deixar um espaçamento um pouco mais próximo daquele acho que dá para deixar assim bem tranquilo como eu tô com uma margem aqui eu tô com algum tipo de distância entre esses dois vamos ver como é que tá a margem aqui não tem margem ó vamos a margem só tem nesse né V jogar esse aqui

lá para baixo porque eu vou usar ele lá embaixo Vou tentar dar um pouco mais de espaço entre esse título e a parte de baixo aqui também só um pouquinho me parece necessário Posso estar errado eu vou colocar aqui margem inferior vou botar 20 é 20 talvez seja muito colocar 10 agora vamos olhar a página lá vou botar o quem sou eu aqui ó quem sou eu copiar vamos duplicar esse daqui sempre clicar com o botão direito você vai ter todas as opções do que fazer com o que ele chama deiner aqui né ele às

vezes dá uma travadinha Pronto quem sou eu vamos copiar o quem sou eu ali cara é muito simples né Tá vendo como é fácil fazer isso daqui não é uma coisa difícil qualquer um consegue fazer essa é ideia eu quero com esse vídeo te provar que qualquer um consegue fazer vamos deixar um pouco mais próximo esse negócio com porque olha olha que coisa simples você consegue criar sua primeira página e fazer suas primeiras vendas assim vamos mexer no espaçamento disso daqui que agora eu tô achando esse texto muito espaçado então deixa eu selecionar aqui o

elemento vamos mexer aqui vamos colocar aqui um pouco menos de espaçamento aí acho que 16 tá bom botar um 20 já fica melhor Beleza depois o quem sou eu aqui temos o material É todo em texto vamos copiar isso daqui duplicar muito fácil né Vamos duplicar mais um porque vai ter mais um Vamos já vamos editar aqui jogar ali para baixo isso aqui é fundamental para você construir teu negócio porque você precisa de páginas pros seus produtos a página é super simples né não tem nada demais essa página que eu faço só que ela precisa

existir e eu não gosto de uma página cheia de coisas cheia de imagem cheia de eu acho que não precisa disso eu acho que você pode criar uma cultura com as pessoas que compram de você de fazer o simples que funciona É esse o meu objetivo eu quero te mostrar que o simples funciona e eu acredito piamente nessa ideia eu acredito piamente que o simples funciona por isso que eu quero fazer coisas simples para você ver e e você é a pessoa que acostuma a tua audiência as coisas Então dependendo de como você fizer as

pessoas vão se habituar aquilo e você vai atrair as pessoas que se identificam com aquilo eu prefiro fazer simples porque isso me permite fazer sozinho não tô conseguindo arrastar aí isso permite que você faça sozinho percebe eu posso criar uma página depois que você tem a primeira criar a segunda terceira é muito rápido eu posso criar uma página Se eu não estivesse explicando aqui para você as coisas Imagina eu faria isso aqui muito rápido nós estamos aqui em 14 minutos de vídeo em 10 minutos eu tenho uma página pronta com texto copiado colado a página

funcional agora nós vamos precisar adicionar um botão Então nós vamos adicionar um botão simples clica em mais um box igualzinho o outro vamos clicar aqui no mais e vai ter aqui ó botão só clicar vai aparecer um botão ali Vamos colocar o botão que que tá escrito meu quero o playbook agora quero o playbook agora o botão provavelmente não tá aparecendo porque ele deve est Branco vamos mexer no estilo vamos ver aqui a cor do texto tem que existir uma cor de texto vamos mexer aqui preto aí o texto vai ser branco né Vamos deixar

o texto vamos deixar preto vamos botar o botão verde que é uma cor meio padrão que funciona laranja também é uma cor que funciona muito bem vamos botar um pouco laranja aqui esse botão apesar do meu lá ser Dourado eu vou te recomendar começar com botões laranjas por cara sei lá eu acredito nos caras que falaram que tem que ser assim eles tem um monte de pesquisa que mostra que o botão laranja funciona melhor vamos deixar ele no centro nós vamos também aumentar um pouquinho aqui o raio da borda porque ele o que que é

o raio da borda ele vai arredondar aqui em volta dos cantos do botão tá vamos deixar 10 será que fica muito vamos deixar cinco cinco tá bom 10 parece muito dá para você aumentar o preenchimento também isso vai deixar o texto um pouquinho com mais com um pouquinho mais de respiro Vamos botar 20 aqui e eu gostaria de aumentar este botão também deixa eu me lembrar onde faz isso tipo padrão vamos deixar o padrão aqui você vai colocar o link né então vamos dizer que o link seja vou clicar aqui no meu botão vamos copiar

o link do meu checkout aqui vou copiar esse link aqui voltar pra página Vamos colocar esse link Pronto agora deixa eu dar uma mexida ainda nesse botão eu quero mudar um pouco o tamanho dele deixa eu me lembrar onde que eu mudo o tamanho do botão ah largura largura não muda vamos achar aqui efeitos de movimento é muito eu gosto do efeito de movimento Então vou colocar efeitos do mouse nós vamos colocar é animação não é aqui né não é aqui ó efeito do mouse não vamos desligar isso daqui tô viajando aqui não é em

efeitos de movimento vai ser aqui ó ao passar o mouse dá para mudar a cor do botão então por exemplo ó o botão tá normal né Se eu mudar aqui vamos mudar a cor do texto vou deixar branco então ao passar o mouse o texto fica branco tá vendo Então já dá um efeito animação ao passar o mouse a gente pode colocar um pop o que pula mas eu eu acho acho que eu prefiro o que balança o que leva ele para cima que agora não me lembro qual que é vamos procurar aqui faz muito

tempo que eu não faço acho que é float aí muito bem eu gosto dessa animação que leva ele para cima eu lembro qual animação que tá no meu é isso aí a que leva para cima a gente tem esse efeito Dourado aqui não acho que você precise fazer isso eu vou deixar assim ó muito simples tá eu só quero aumentar um pouco o texto aqui deixa eu aumentar um pouco esse texto eu acho ele tá muito pequeno Vamos colocar um texto aí 22 22 tá bom 20 20 Tá bom vamos mudar também eu sou contra

o Roboto vamos pro monte serrar aqui seguro Pô legal Vamos aumentar um pouco o peso aqui excelente pronto ó Legal tem um efeito quando passa o mouse tudo pronto cara vai faltar só uma coisa que é adicionar um roda pé muito simples também você vai clicar aqui e vai adicionar você pode fazer de várias formas eu já tenho salvo o rodapé Mas você pode simplesmente adicionar um editor de texto no elementor pro se eu não me engano já tem algumas outras opções vamos ver se tem um Rod pé aqui no elementor pro não me lembro

talvez não talvez não procurando aqui né não tem nada geral não me parece ter um rodapé aqui vamos agilizar esse vídeo não ficar aqui enrolando com esse tipo de coisa só adicionar um texto eu vou copiar isso daqui isso aqui é importante é obrigatório direitos reservados eh política de privacidade isso aqui tudo lei lgpd acho que é assim que fala né Eu nunca me lembro mas depois você pode procurar com mais detalhes aí no YouTube vai ter alguém explicando isso muito melhor do que eu eu vou mudar o plano de fundo aqui eu vou botar

uma cor preta para diferenciar o rodapé tá feito tá só adicionar um link aqui ó já tem já é clicável essa parte tá tudo pronto só vou dar um pouco de Margem aqui pro rodapé porque senão el vai ficar muito perto então vou colocar 40 aqui de Margem inferior e aqui já vai ficar bom tá então nós temos uma página muito semelhante àquela lá vou publicar essa página aqui ela vai ela essa página vai passar a existir ela é uma página real eu posso clicar em dar uma olhada e Aqui nós temos a página tá

então a página ela tá bem semelhante à aquela lá só tem um problema Néa não da Branca isso daqui é uma configuração do meu elementor que eu preciso reencontrar aqui onde que ela tá Por que está desse jeito muito bem eu encontrei aqui ó tem que clicar aqui em cima nesses seis pontinhos estilo cor do plano de fundo e mudar Eu não lembro exatamente que cor que é a minha página aqui mas ela não é bem um branco Vamos ver que cor que tá aqui nesse eu acho que tá com cor padrão um branquinho padrão

Vamos tentar puxar um um pouco menos branco aqui ó vamos deixar essa cor aqui ó FD FD FD copiar vamos selecionar aqui nos seis pontinhos Vamos deixar a mesma cor beleza deix atualizar você vai ver que ainda tá com uma borda ali né Vamos atualizar aqui vamos visualizar a página de novo vamos visualizar a gente vai perceber ainda tá com essa borda aqui então tem que editar alguma coisa aqui neste elemento nessa coluna ainda tá com borda sobre a parte do fundo então eu vou ter que achar isso daqui borda sombra na caixa tirar pronto

resolvido o problema agora nós temos a página funcional exatamente como é a outra olha só muito parecida você v que tem uma coisinha ou outra que ainda não tá alinhada Ó aqui tá bem alinhado isso aqui é tudo alinhamento que você faz eu vou vir aqui eu seleciono como é que tá já deu uma travada aqui agora seleciono esse texto e eu posso ir editando ele né então vamos depois eu poderia editar mas eu acho que para para fins deste vídeo já está pronto É assim que você faz tua página Esse é o melhor jeito

de fazer você vai precisar Relembrando de um servidor Eu recomendo a hostinger Você vai precisar ao comprar a hostinger escolher um domínio gratuito depois você vai poder adicionar no Teu Domínio gratuito WordPress que é gratuito já junto com a shinger Você vai precisar entrar na full também vai ter o link aqui na descrição na full você vai comprar o elementor pro E aí você vai ter como construir essa página muito simples de fazer se você gostou desse vídeo deixa aqui embaixo nos comentários que você achou me deixa tuas dúvidas também para fazer mais tutoriais e

os links de afiliado estão na descrição comprando pelos links de afiliado você também ajuda o canal estamos junto e até o próximo tutorial