Como Criar uma LANDING PAGE no WordPress com Elementor Free (Passo a passo) 🤑
e fala pessoal tudo bem aqui é a minha ela descobre coisas países e nesse vídeo eu vou te ensinar a fazer essa página de venda em e aí e aí e aí e aí e também sal é esse vídeo foi bem pedido por vocês lá no meu canal falei grau deixei uma enquete para ele falou qual que era o próximo vídeo vocês queriam que eu fizesse tem que ir desse estilo e vamos fazer passo a passo né completo e vocês votaram na página de vendas e coincidente mente eu tinha pai com a página de vendas para
fazer nada no castelo e aí ela me permitiu gravar eu desenvolver nossa página e eu achei que é uma ideia muito interessante trazer aqui para vocês porque com isso não conseguem ver na prática como um produto real né o desenvolvimento de uma lan de peixe uma página de vendas e nesse vídeo eu vou te ensinar a desenvolver uma paisagem de vendas completa bonita porque tudo isso uma página de vendas bonita com layout bonito bem estruturada induzindo o usuário a um clique ajuda muito não o lego página
de vendas principalmente com layout mais bonito e estruturado é proporcionar uma boa experiência para o usuário faz com que ele esteja mais inflexível a compra porque nossa que você teve um capricho de fazer né de desenvolver as suas coisas se você tem esse tapete com essa página mas não foi por isso que você tem confuso imagina que custo que produto maravilhoso você vai perder se todas as suas coisas tem ele faz trechos não é mesmo e eu vou ensinar a nossa página hoje a página que geralmente é
padrão que as pessoas utilizam para vender em plataformas externas com o hotmart a indústria monetize inclusive os botões dessa página vai para essas plataformas mas eu também já ensinei você alencar o botão de uma página de vendas como essa com um produto do próprio converse um produto que você esteja entendendo no próprio site eu vou deixar um card aqui se você quiser ver nesse vídeo eu ensino é direto com check-out tá bom nesse vídeo é ensino a água trajada s envolver a página direto mas se
você for iniciante luz e foi a primeira vez né que você esteja mexendo por de prédio e o menor página eu já gostei eu assistir esse vídeo vou deixar aqui no caso que alguém onde eu ensino a fazer um site passo a passo no início desse vídeo tem um passo a passo de como comprar hospedagem como é comprou o domínio e como instalar ordem preza então nosso pudim eu explico tudo direitinho lá tá bom nesse vídeo aqui eu já tô desenvolvendo direto como é qu e você fez diante tem esse outro vídeo que
também vai te ajudar nessa parte é antes de começar pessoal como sempre né já vou pedir para vocês deixarem um like aqui pra mim se inscrever no canal se você ainda não for inscrito ativar o sininho das notificações da ser avisado sempre que eu gosto um vídeo novo aqui no canal me segui lá nas minhas redes sociais para que a gente possa entender o significado like que eu vou deixar aqui na descrição para ir direto lá para o meu canal ví deo no telegram tá bom para isso pessoal é boa aulas
boas dentes e vamos plantar o meu computador agora então vamos lá se você não tem um elemento você vai ter que vir aqui em plugins adicionar lulu o e procurar aqui por elemento escrevi aquele mito e aí vai ser explodir aqui elementor page builder você vai clicar em ativar e instalar tá instalar e ativar e aí depois de feito isso você vai vir aqui em páginas adicionar nova e aí você vai colocar aqui o nome da da sua página em colocar página de vendas aqui depois eu não vai colocar a página de
velhos no seu né você vai colocar o nome do seu produto por exemplo e aí aqui me atributo da página aqui em modelo a gente vai colocar elementor camas porque o alimentou campos é a função que faz exclui o menu e o rodapé e ficar só o conteúdo da página então por exemplo aqui no meu site ele tem um menu e um rodapé eu desenvolvi dele e olha eu tenho menu e tenho rodapé que aparece em todas as páginas do meu site e aí se eu colocar ele é muito cão você se menos ó da perna vai aparecer isso é muito
importante porque a função da página de vendas é vender o produto né então não pode ter links externos não pode terminou não pode ter rodapé não pode ter links externos que façam que a pessoa saia da página tá então depois vamos clicar acreditar com elemento e aí vai abrir aqui hoje todo alimento a gente vai começar a criar nossa página vamos começar aqui por esse ban nessa primeira dobra aqui a gente tem que colocar uma redline a rede lá ele é muito importante porque é a primeira coisa que a
pessoa vai ver quando ela acessar a página então você tem que desenvolver uma rede laine que toque lá do da pessoa ou que toque na aspiração da pessoa vai dependendo aí de como de como está sendo a sua cop então sua redline ela tem que fazer essa função tem que prender a atenção da pessoa mostrando para ela do que que se trata do que que vai ser a transformação dela no posto tá no curso ou no com produto enfim e aí nós vamos voltar aqui para o elemento vamos ficar mais zinho pegar uma sessão de
uma coluna aqui e nós vamos vir aqui meditar sessão vamos me avançado alguns e para desvincular os valores do pede vamos ver aqui no superior vamos colocar 30 eu não inferior 30 vamos vir aqui em layout e quem largura do conteúdo a gente vai colocar 720 que é a largura que tá ficando aqui a nossa coluna tá vendo aí depois a gente vai voltar aqui nesse estilo tipo de fundo vamos pegar uma imagem para colocar na imagem de fundo o som saccani referee mídia nós vamos ir aqui em tamanho colocar
a preenchimento completo e posição centralizado aí nós vamos vir aqui ao nesses quadradinhos onde a biblioteca vão vir aqui pegar um widget de texto em arrastar para cá aí a gente vai colocar né a frase redline aqui eu vou vir aqui colocar oi e aí vocês podem perceber aqui algumas palavras eu coloquei em amarelo para poder chamar realmente atenção tão a rede laine e la tem que ter essa função de chamar atenção então como que a gente faz isso aqui primeiro eu vou vir aqui nesse estilo cor do texto
ou cá branco aqui você determina a cor de todo o texto mas aqui nesse nesse painelzinho acreditou onde você digita o texto você consegue alterar a cor de um só de algumas palavras então por exemplo vou alterar de relacionamento relacionamento é relacionamento vou selecionar por vir aqui na cor do texto e aí vou selecionar esse amarelo aqui aí vai ter mud ado lá tá vendo ouvir que nem timidade também vou fazer o pa na antiguidade não era amor eu vou vir aqui né amor e vou fazer a mesma coisa
pronto aí vou voltar aqui nesse estilo aqui na tipografia aqui você consegue escolher tipografia que tipo de letra que vai ser para escolher fonte pop peso 900 aqui que você controla a espessura que vai ficar sua fonte tamanho 30 é transformação maiúscula que você consegue dizer se você quer que fica me novo com maiúsculo aqui em altura da li nha eu vou colocar um vai ficar mais juntinho e espaçamento da fonte e vou por um e-mail para ficar um pouco mais passado aqui em alinhamento ficou com
a centralizado tá vou clicar em atualizar sempre você sempre vai clicar em atualizar porque pode ser alguma coisa vai cair seu contato desligar sei lá e você perdeu que você tinha feito então você vai sempre ficando aqui na atualizar tá para ir salvando que você fez ou soltar aqui na biblioteca ou eu usei um plugin pro para fazer esse esse vídeo aqui único e exclusivamente por conta desse ícone porque como eu coloquei essa fotinha aqui o ícone padrão que vem não tiver estava atrapalhando vou
mostrar para vocês aqui no elemento ele vem esse milho eu tinha de vídeo né aqui e aí aqui você coloca a url do vídeo que você quer pode ser uma url externa como essa dela aqui que é do youtube você cola aqui no rl se for uma url do vimeo você cola aqui vídeo do vídeo se for da espetinho sacola se for alto hospedado aí ele vai te dar a opção de você pegar um vídeo que esteja dentro do wordpress por exemplo esse vídeo tivesse instalado o wordpress poderia vir aqui ou então clicar aqui e pegar o
seu computador e arrastar para cá ela tem como fazer dessa forma também vou deixar aqui o link do vídeo aqui do youtube e aí que que eu vou fazer a cni sobreposição da imagem eu vou clicar aqui sobreposição de imagem para ativar e aí em vez de ficar imagem do frame do vídeo eu vou vir aqui e vou pegar uma i magem aqui ó ó já tem tem que ir para ficar certinho no tamanho do vídeo a imagem você quer tem que ter essas dimensões aqui no 18283 720 ou clicar em inserir imagem isso é bacana porque aqui
você ainda pode fazer mais uma chamada né que no caso a gente tá mostrando aqui comunidade código aqui que é a comunidade que ela tá vendendo então isso é bem bacana você fazer isso e deixar mais bonitinho também tá e aí eu não usei um do próprio alimento o frio por conta disso tá vendo que para mim para imagem que eu estou usando não ia ficar legal e ficar sobrepondo né ó diminuindo o tamanho do ícone ele ficar sobrepondo aqui o nome que tem bem unlock bem ao meio e aí só por isso que eu usei o
do jet que o do jet dá para trocar o ícone e deixar o ícone que eu quero esse esse o outro plugin que chama ht addons ele também tem um bilhete de vídeo e ele também tenho me deixa de vídeo você pode vir aqui colocar a imagem é mas é também não gostei desse vídeo te dele aqui que ele não dá para customizar o tamanho do ide tá vendo ele fica desse tamanho aqui sim para você não você não se importasse para você né imagem você tá colocando que não vai atrapalhar esse daqui ou então do próprio
alimento free você usa aí no meu caso aqui por conta do designer só falta do design né só por conta desse ícone zinho aqui que eu usei o que eu usei o do jet que é o que eu vou usar aqui mas aí no seu que você pode usar ou do elemento ou então os ht que é um outro plugin se você for usar o ht e tem que voltar aqui no elemento no wordpress vem plugins adicionar novo vim aqui hp com carne atento aí já vai aparecer aqui esse plugin aqui entendeu aí você vai clicar em e aí ativar e aí vai ter esse
outro o identidade vídeo que eu te mostrei aí no caso eu vou usar esse daqui que eu só um plugin próprio é aí aqui eu vou colocar um url do vídeo dela e deixar o restante como está aqui ele perguntou se você quer que reproduz automaticamente se você quer que f ique mudo sejam loop que fique repetindo várias vezes se você quer que apareça esse botão aqui né de controle e aqui modo de privacidade você quiser ativar também tem como é e acne tambineio e eu vou vir aqui vou ativar e vou escolher a
imagem lá que eu quero lembrando tá gente mais uma vez estou usando esse plugin proc e só quando desse ícone mas se for o do elemento você faz como eu ensinei a dois minutos atrás do do próprio elemento tá e aí tá vendo que o ícone dele é mais boni tinho e aí eu vou vir aqui de play botão e diminuir um pouco tamanho do ícone é ó e vou mini avançado no link borda vou colocar renovamento cinco que vai ficar com as bordas mais arredondadas é vou colocar tipo de borda sólido eu vou colocar cor preta
só que aí eu vou arrastar a barrinha aqui para ficar bem transparente zinho vou colocar largura 5 ó e vou arrastar aqui para ficar bem transparente essa cor aqui de borda ah tá bom e ficou sim ó tá vendo e aí beleza aí tinha essa outra frase aqui também é bom você colocar uma frase induzindo mais a pessoa aplicar né assista o vídeo e eu vou colocar aqui eu vou pegar um índio de título mesmo ficou com aqui embaixo aí vou colar aqui é a frase um pouco aqui centralizado ó aqui na frase eu coloquei
um br qsbr é uma quebra de linha que eu queria que a linha ficasse quebrada vou mostrar para você aqui vou vir aqui no estilo ou do texto ou com a branco né vou pegar aqui a fonte de colocar no mito ó e vou colocar tamanho v ídeo aí tá vendo que ficou uma frase muito grande em baixo uma pequena uma frase muito grande em cima fica embaixo aí eu vim aqui coloquei né esse essa tag aqui de br para quebrar a linha você coloca essa término tem algum lugar aqui no texto ela quebra a linha tá aí ficou
assim e no caso dela aqui como ela trabalha ela vende em portugal e no brasil ela pediu para colocar dois botões se fosse o seu caso não foi esse se você colocar um botão aí você só a raça o botão para cá né corr ente finalizado e pronto para o seu botão aqui né costume sair daqui mesmo no caso dela como ela vai querer dois botões eu vou vir aqui no você só interna o arrastar que cês tão para cá tá vendo aí ficou dos seus sonhos aí vou vir aqui vou pegar um botão e aqui e vou pegar outro botão
ele colocar aqui desse lado aí eu vou escrever aqui ó quero ter acesso e é importante que o texto que esteja no botão em duas ao clique quero fazer parte quero ter acesso quero comprar agora é para qu e induz a pessoa a clicar no botão tá quero ter acesso aí vou copiar aqui vou vir no outro botão vou colocar quero ter acesso aqui também é aí vou voltar aqui nesse botão e aqui em alinhamento à direita nesse outro aqui alinhamento vou colocar a esquerda que é para ficar um do ladinho do outro
aqui tá eu vou aumentar aqui o tamanho da fonte vou colocar 20 o tamanho da fonte não vou colocar a fonte o botão 1 a usar essa fonte aqui eu vou fazer a mesma coisa no outro botão também vou colocar o frente booking aqui perguntou e tamanho 20 beleza e aí eu coloquei um degradê aqui a no botão eu já tenho um código css pronta aqui para o degradê eu vou te ensinar como que você faz você quiser pegar esse meu aqui para você trocar as cores aqui ó essa cor aqui e essa outra por aqui ou se então se
você quiser já gerar um código você você vem aqui nesse site deixar o leite dele aqui o que lhe geram o css de um degradê já tá até o que eu tinha feito aqui você clica aqui e coloca aqui a cor que você quer ó vou mudar aqui para falar deixar aqui e nesse aqui é clica e colocar outra cor que você quer tá vendo aí ele já gera um degradê para você aí aqui ó ele já era já o css é só copiar o css tá aí você vem aqui no botão aí aquele conteúdo aqui embaixo ainda assim aí do botão aí eu vou colocar
esse aí dia aqui que eu coloquei botão dinheiro dele aí você escreve botão gd ou então logo que você quiser colocar que vai ser lá e dê para a gente poder chamar a gente poder chamar esse negócio aqui no css gradient aí eu vou copiar esse código aqui vou vir aqui em avançar o css personalizado e vou colar aqui aí já vai ficar meu meu gradiente tá vendo perceba que eu chamei o botão com lá e dia aqui o código ele vai vir assim para você né na verdade vai vir até sem sem esses essa chave as aqui
se você for pegar ele daqui tabela aí você vai pegar o código vai colocar hashtag e o nome do pai dia que você colocou botão gd faço aí você vai colocar uma chave para abrir essa chave e uma chave para fechar pronto aí vai ter concluída que o código tá aí nós vamos fazer a mesma coisa nesse outro botão aqui ouvir que me conteúdo vou colocar assim botão gb é desse lado eu vou vir que nem valsado festa personalizado e vou só acrescentar um desse para ficar pegando nessa classificar tá vendo aí
pronto vai ficar uma o css nos dois botões se você é tá usando elemento free você não vai colocar o código por aqui você vai vir você vai ir lá no seu wordpress on eu também vi lá no celular de preso tu vai vir cni aparência personalizar que o elemento o frio não dá opção css personalizado nos elementos então você vem aqui sessão ss adicional e aqui você cola aqui você cola o código css que você gerou entendeu que aí ele também vai vai funcionar tá beleza e aí feito isso a gente vai voltar
aqui nesse estilo né terminar de customizar a cor do texto colocar branco aqui em rover rover é quando passa o mouse vou colocar sem animação do botão ou caísse crescer aqui ó grow e quando passa o mouse vai fazer ser feitinho aqui também vou vir aqui no estilo rover animação louco crescer e vou voltar aqui o colocar acordo do texto de branco né o game no caso dela aqui ela precisava dessas bandeirinhas né para diferenciar quer do brasil e do de portugal aí para fazer isso você vem aqui no
botão conteúdo é aqui você consegue escolher um ícone aí você pode enviar um iphone s beijinho aqui eu achei essas b andeirinhas vesícula lá no plástico que é esse site aqui aí eu procurei brasil né bandeira do brasil e aí tem várias bandeirinhas aqui você pode escolher qual que você quer né aí você escolhe é que você quer aí você clica aqui me svg tá vendo para baixar em svg tá aí você clica aqui enviar sbg eu vou escolher que a bandeirinha do brasil aqui ó você consegue de terminar onde você
vai querer a bandeirinha colocar depois vai ficar assim e aí vou fazer a mesma coisa nesse outro eu vim aqui enviar esse g é o caso de portugal e isso que eu vou deixar antes mesmo para ficar uma do lado da alta lembrando tá gente é ela precisava desses dois botões aqui porque ela vende um só para portugal que ela trabalha lá com uma luz e um só para o brasil que eu coloco trabalha com a hotmart tá então ela precisava desses dois botões ela precisava dessa bandeirinha se você não precisar
você não coloca a bandeirinha coloca só um botão e não coloca a bandeirinha tá voltando aqui no botão aqui no tipo opa não tipo não aquele tamanho do botão você consegue dizer se você quer um botão pequeno médio eu vou colocar a média aqui para ele crescer um pouco a um pouco mais grosso e aqui também ficou com a médio aí ficaram os dois um pouco mais grossos aqui tá vendo e essa já é a nossa primeira dobra vamos clicar em atualizar é né já está pronta aqui para o mobile agora a gente vai clicar
aqui em modo modo dispositivo e a gente vai escolher e mobile para a gente poder ver como que ele tá a visualização no celular para gente alinhar também tá aqui no primeiro título aqui a gente vai diminuir um pouco tamanho né ele tá muito grande deixa eu ver aqui que 20 ficam tamanho tá bom ah o aqui o vídeo tá tá ok aqui nesse tamanho aqui dessa frase vai diminuir colocar a 15 ou 14 a 14 aqui nos botões um tá alinhado e outro não o clicar aqui ou quem que nem alinhamento colocar centralizado e
esse daqui também alinhamento centralizado aí os dois ficarão centra lizadas aí vai ser assim a nossa primeira dobra ficar em atualizar vou explicar aqui e voltar para desktop né e aí vamos partir aqui para segunda dobra que é o que é a comunidade tá por causa dela tá vendendo uma comunidade e no caso a gente vai colocar aqui né descrição do que que é essa comunidade fosse o caso você poderia já colocar aqui os módulos já colocar o que que vai ter dentro do curso se o seu se o seu for um curso né
então o que que eu fiz aqui peguei aqui porque ele mais peguei uma sessão dupla aí aqui eu vim e coloquei aqui em pedem 50 de espaçamento e aí fica um espaçamento interno todos os cantos aí eu desvinculei e ainda aumentei que coloquei 7070 inferior e 70 só tenta superior está dando inferior aí aqui nesses três pontinhos aqui vocês pontinhos na sessão vou vir aqui nesse estilo tipo de fundo e eu vou colocar o tipo de fundo vou colocar branco oi e a cni sobreposição de fundo eu usei um wi-fi que
eu achei no google mesmo um gif que faz um b atimento de coração tá vendo e aí eu vim aqui me tamanho ou quem preenchimento completo e ficar só uma assim posição centralizada tá vendo e aí aqui eu vou diminuir bastante ao para a cidade dele para ele ficar só conhecendo um pouquinho aqui que nem tá aqui tá vendo tá branco e tá parecendo só um pouquinho aqui ó o batimento achei que ficou legal porque fala de sentimentos e tudo mais então você pode fazendo isso tu pode vir pegar o é coisas que tem
a ver com o curso que você tá fa zendo para não deixar só brancão e um texto e uma foto aqui do lado entendeu porque se você tivesse deixado só uma foto quadrada aqui um texto aqui padrão sem nenhum estilo não fica nada agradável né e tem que lembrar quanto tá vendendo não gostar lidando com pessoas e as pessoas gostam de ficar coisas bonitas né então tem que ser o mais agradável possível beleza mas eu vou eu vou pegar aqui no início de texto de novo aí vou copiar essa frase aqui porque a
comunidade código eu vou colar aqui aí vou fazer aqui que nem a gente fez lá em cima né vou mudar um pouco do texto para vermelho né mas caso aqui código do prazer aí eu vou mudar para vermelho aqui selecionar vim aqui me conta o texto personalizada vou copiar que o código e quando você só cola o código tem que tem que ser sem a respondem às vezes ele não mostra de imediato então você tem que clicar aqui para poder lhe salvar pô tá vendo por exemplo vou colocar um método que é o preto tá vendo
não most rou aí você porque aqui tem ele na outra cor tá vendo e oque é cover miram aí aqui eu usei uma fonte customizada que essa daqui kh beleza que eu achei ela bem bonitinha e olha quando fica minúsculo isso fica com coração e aí eu achei que tinha tudo a ver com o produto dela fala de amor e tudo mais né mas fica bem bonito aí para colocar uma fonte customizáveis se você quiser colocar uma fonte diferente porque eu vou voltar aqui no wordpress vai passar o mouse aqui em elementor ponto
personalizados e é que a mãe já coloquei aqui para você adicionar uma nova também adiciona a nova o que você escreve né o nome da fonte casa aquela foto chamanga beleza aqui na adicionar variação aí eu gostei vem aqui em arquivo ttf on e é isso em busca do seu computador então se eu tiver aqui a fonte tem que tar no arquivo ttf font urso que fica baixar no google mesmo você procura o nome da fonte é você consegue baixar aí depois disso você porque nem publicar aí já vai ter uma fonte customi zado
tá aí eu mudei essa fonte aqui para para frente que eu coloquei que a minha beleza né não me engana coloquei também um 60 aqui como aumentar um pouco essa seção aqui também se sinta vou colocar o tamanho do texto aqui de preto ou acontecer aqui de preto só conferir que eu tava lá eu coloquei e foi 60 mesmo e sessenta e o tamanho que dessa coluna 47 eu vou diminuir um pouco um espaço da altura da linha 1 é deixa eu ver aqui a fonte que eu vou ok 60/900 1 e 2 60 peso 900 a altura u m espaçamento
1,2 oi e aí é eu vou colocar 42 aqui nessa coluna para ficar um pouco mais espaçado ea cor do texto pelo que eu tô vendo ali não é bem preto tá um cinza que eu coloquei aqui aí vai ficar assim agora eu vou vir aqui vou pegar o bilhete de texto colocar aqui aí vou copiar esse esse texto aqui vou colar ele aqui eu vou ver aqui neste tio vou pegar tipografia vou colocar no lito e colocar tamanho 17 e vou colocar justificado e se fosse um texto e aí aqui eu vou pegar uma imagem dela e vou colocar
vou pegar um vídeo aqui de imagem arrastar para cá mudar o tamanho da imagem para tela cheia e vou pegar essa imagem dela aqui ó tá vendo ó e eu tinha colocado aqui na seção tamanho inferior de setembro só que eu vou tirar porque não fica legal deixar a imagem flutuando né imagem tem que ficar bem na frente com a bordinha então vou vou pegar essa seção aqui vou colocar sem alinhamento horizontal final né pra ficar mais para baixo e vou voltar aqui na image m avançado margem vou colocar aqui para
desenrolar os valores e só na margem inferior que eu vou diminuir aqui um pouquinho para poder ela passar um pouco para baixo tá bem pertinho aqui da na borda e agora eu vou fazer essa outra sessão aqui e a sessão onde que ela fala que vai ter mentorial vivo aí eu vou pegar uma sessão dupla aqui vou fazer a mesma coisa o casamento lateral de 50 ou inferior e superior de 70 tá tem que ter espaço tá gente eu vejo muito muita gente fazendo site co loca tudo muito grudado muito perto não fica legal
visualmente fica bonito não fica agradável tem que dar um respiro para sessões para ficar mais bonito ó tá vendo que os pensamentos que eu coloquei aqui para baixo ela passou um pouquinho vou diminuir que eu quero que ele fique bem quero que ele fique bem retinho aqui com a bolinha aí tá vendo pronto aí aqui eu escrevi mentoria ao vivo né vou copiar aqui ó eu vou usar esse mesmo título que eu já tinha usado vou duplicar ele né que e le tá com o botão direito e duplicar você consegue duplicar aí
vou arrastar ele aqui para baixo para essa sessão a acne estilo vou colocar ele centralizado pra direita né aí eu vou mudar o texto aqui colocar mentoria ao vivo e aqui no ao vivo eu vou vir aqui e vou mudar para cor né para cor vermelha é a mesma que eu usei me ensina próximo editorial vivo aí vou pegar esse milho eu tive que de texto também vou duplicar e o rafa ele aqui para baixo no copiar esse texto aqui da mentoria ao vivo e clicar em copiar e vou colar aqui o texto vendo aí aqui ó eu vou
para ficar muito fazer aqui para ficar um texto assim como eu coloquei e itálico se seleciona clica aqui mb ela ficar fica aqui me nesse vinha para cá e tarde e aí pronto ele vai ter ficado e tá vou vim aqui neste você entrar alisar o texto para a direita para ficar assim tá vendo eu quero salvar e aí aqui eu coloquei uma fotinha que eu achei que combinou super com mentoria ao vivo né porque eu coloquei essa rodinha aqui de live que eu achei no free pick eu vou até deixar essa imagem disponível
se você quiser fazer né se combinarem com a sua com a sua lanche beijo eu vou ensinar vocês a fazerem aqui no photoshop o link no photoshop aí você vai abrir essa imagem da live eu vou disponibilizar para vocês vão te pegar ela aqui aí você vai pegar a imagem vai colocar aqui me abrir com photoshop e pronto aí você vai fazer a mesma coisa com a imagem com a imagem você quer qual foto que você quer vai clicar em abrir com também photoshop tá aí ele ficava já tenho ela aqui só copiar e colocar
ela aqui também porque nos joinha aqui para desativar por enquanto você vai vir aqui em borracha mágica mas quer dizer aqui em casa em borracha com o botão direito vai clicar em ferramenta de borracha mágica e e vai selecionar aqui a imagem vai ficar em cima tá vendo ela vai ter excluído todo o fundo aí vou abrir aqui a imagem de novo que eu tinha pegado você deve control-p consegue am pliar a imagem opa de controle enade errado tem que ser selecione a imagem aqui já comprou os de pronto aí você
consegue ampliar que é em baixo tá vendo para ficar aqui do tamanho da outra e beleza aí eu vou colocar a imagem aqui em cima né quando você arrasta aqui ela ficou por baixo arrasto para cá ela fica por cima aí eu vou vir aqui ó nessa opção aqui provavelmente ela vai estar tem com quadradinho para você você vai ficar com o botão direito vai clicando ferramenta de eclipse ó e aqui você vai fazer uma bolinha do tamanho aqui e da live da compra de aí você consegue ajustando aqui uma bolinha você
que tava no botão áudio você consegue segurar eu alterando a que eu adolei aí você vai ajustando aí deixando do jeito aí que fique bem certinho aqui aí depois disso você vai arrastar esta imagem aqui que você quer fique dentro para cima aí você vai clicar no botão out vai clicar no botão áudio vai dar um clique para imagem entrar dentro do círculo né desse ciclo e você vai pegar esse mais da lá e vai arrastar lá para cima para que a imagem que fique em cima de tudo que seja essa dalai também que
aí ela ela sobrepôs toda a imagem que você fez e e pronto daí perfeito essa imagem que depois você clica aqui em arquivo exportar salvar para web o essa é a kim png tem que papá energia para ficar transparente aí que você consegue colocar a dimensão aqui se você quer tá o tamanho que você quer da imagem se você quiser fazer de uma outra forma por exe mplo usar uma forma a usar uma forma assim ou uma forma mais arredondada para colocar a imagem dentro também fica legal é bom seus algumas formas
assim é porque fica mais agradável do que é só colocar a imagem quadrada lá entendeu então por exemplo esse daqui a gente segue o mesmo princípio né pego pego uma imagem aqui a gente vai lá cola imagem né que e que em cima da forma a gente fica com um áudio e dar um clique aqui para poder imagem entrar aqui dentro entendeu e fica a imagem aqui você balão controle ter que me mais você consegue e ajustando o tamanho dela ajustando ela aqui aí ficou imagem salva dentro de uma forma que o forma você
consegue achar no google não fique tá mas enfim aí você faz a forma que você quiser aí você coloca a imagem aqui nesse caso eu fiz a da live ó e vou vim te pegar uma imagem largura tela cheia e vou pegar a imagem que da live que eu fiz tá vendo e aí eu vou diminuir aqui um pouco tamanho dela deixar aqui sessenta por cento tom então acho que ele ficou pequeno já sabe dentro ó e vou continuar a sessão vou vir aqui no layout a minha mãe fez calma colocar meio que texto vai ficar no meio que toda a
linha dita vendo me falou assim ficando salvar e aqui agora a gente vai fazer essa seção aqui vou clicar aqui vou pegar uma sessão só de uma coluna vou pegar um bilhete aqui de texto vou colocar aqui vou copiar aqui essa frase para quem é comunidade eu vou colar aqui aí essa eu vou deixar toda branca eu vim aqui no controle centralizado a vou colocar imagem de fundo aqui em estilo imagem eu vou com aquela imagem vermelha de novo de fundo é mas a mesma coisa que o espaçamento aqui 50 nas laterais
e 70 inferior e superior que no título voltando para o título que me fonte vou colocar a fonte que eu usei largar belyza ele colocar tamanho 60 para quem é a comunidade e por mim que ele sombra do texto e vou colocar uma sombrinha para ficar mais visível né e aí vou vir aqui eu vou colocar uma br que ta mbém para quebrar a linha e ficar comunidade assim tá vendo aí vou pegar uma ideia tio de texto vou colocar aqui vou pegar aqui esse texto vou colar ele aqui ó pá ferrado o colégio aqui vou aqui
neste tio quando o texto colocar branco fotografia 17 aliás acho que é maior né tipografia 25 fica também local centralizado e vou vir aqui na sessão vou vir aqui em largura do conteúdo e vou e diminuir para ficar como é uma frase pequena para ficar assim branca só uma frase né aí aqui na se ção voltando que na sessão vou alinhar aqui a imagem alguém que me steel tamanho preenchimento completo e o são socializados eu estou sim né eu vou colocar aqui atualizar aí agora vamos para essa seção aqui
que é a sessão onde fala dos valores é aqui a gente consegue ver uma característica é muito importante que é um coragem de preço tá vendo ela coloca aqui do principal para o preço tal isso é muito importante para mostrar para pessoa que o poço tem valor a mais que você tá fazendo por esse preço chama sem coragem de preço é a pessoa se sente que está pagando mais barato para uma coisa que vale mais tô enchendo importante e aí você vai vir aqui e vai pegar uma sessão de um coluna sol avançado
colocar de novo aqui né espaçamento aqui eu usei essa imagem que de folha que eu achei que ficou bem legal também né tem sempre que pensar nessas coisas e em fazer com que a experiência do usuário seja bacana você jogar sol é todas as frases aqui com uma fonte padrão fica muito seco né num causa nenhum sentimento da pessoa e assim deixar uma coisa mais bonitinha vou ter que ir em duza mas a pessoa a comprar que na frente você sente olha pessoa caprichou no seu pai fez com carinho entendeu então
essas coisas transmitir é transmitida para pessoa quando você capriche nas coisas e aí beleza aqui nós vamos colocar essa frase aqui a oferta de lançamento vou pegar esse mesmo título que eu usei aqui vou colar ele aqui e o biquíni estilo centralizado em v ou escrever aqui ao peça de e aí o lançamento festa de lançamento ah tá é aí eu vou pegar uma frase aqui um título eu vou colocar aqui essa frase garanta já sua vaga eu vou colocar centralizado colocar a cor e esse cinza aqui que eu usei aqui é
só pegar a cor dele aqui ó e pense cinza aqui colocar aqui é ecocardiografia bonito e eu vou k20 garanta já a sua vaga acesse imediato a fonte dois acesso imediato de mil e pouco ovos no vou pegar o bilhete aqui de texto não sem foi tudo um e a í e o pearl and shake de texto vou colocar aqui e aí foi escrever isso aqui ó o acesso imediato aí aqui geralmente para fazer essa função aqui do texto fica arriscado de mil sentou senso o quarto não é de 1.194 aí você risca que o valor você seleciona aqui
e aí você vem aqui nessa opção aqui ó e clica aqui que ele vai querer ficar só a seleção não os infinitivo alinhamento nego colocam um texto maior aqui ou 4:30 acesso imediato né mudar a fonte para nito o acesso imediato e vou coloc ar esse aqui que é o preço final tem que ser grande assim tá e vou pegar é um título aqui eu voltar para apenas doce de 59 centralizar e aí vou colocar a fonte e o motor aqui essa fonte ela bem ela converte bem rica fonte eu vou daqui boca a cor do texto ó vai ficar
gosto mesmo cinza e vou aumentar que eu acho que eu colocar em 60 70 de tamanho para ficar bem grande assim foi apenas esse valor tá e aí aqui vou colocar um elemento de garantia mostrando que tem garantia no produto e n em para quebrar objeção da pessoa mas se eu não gostasse o que tem garantido você não gostou tem sete dias aqui para pedir o dinheiro de volta né aí eu vou colocar aqui o stitch pode deixar só imagem disponível também lá no telegram se vocês quiserem mas consegue achar no google
também tá esse sete dias aqui tem muitos muitos desses eu peguei esse daqui hoje eu tinha até pegar o outro para testar eu peguei isso daqui porque ele combina mais né com layout então tudo isso tem que ser p ensar tá vermelha aqui combina mais com layout dela que tá tudo vermelho aí ainda vou escrever essa frase aqui ama em 7 dias de garantia ou seu dinheiro de volta e a festa de garantia se não gostar do nosso ritmo tem seu dinheiro de volta tá e aí eu vou vir aqui em cima vou pegar essa seção
aqui que já tem os dois botões aqui prontinho vou colocar aqui para o vou colocar aquele colar aí depois eu vou arrastar ele aqui para dentro essa sessão de pra dentro afonso em cima a tata você a paga tá errado a exceção de dentro aqui ó você consegue colocar tá em um arrastei coloquei que a sucessão lembrando dela são dois botões se fosse no seu caso você só pegar o botão aqui e colar só um botão que seria só um botão meio dela uma sessão do ucla porque são dois botões tá o cana atualizar aqui
de novo aí ó já tá pronto aqui a nossa sessão aqui do preço tá vendo colocar até um espaço aqui nessa seção para dar um respiro colocar um espaço aqui de 20 a a minha está vendo vou au mentar espaçamento dessa seção aqui superior e inferior ou para 70 também foi paquita de 5 anos por causa superior e inferior de 70 vai ficar com os passos na real que te respiro tá vendo nem foi essa que a nossa sessão do preço em aqui nós vamos colocar uma sessão de depoimento que é muito importante na página
de vendas prova social né e eu vou pegar uma sessão aqui de uma coluna só e vou copiei sexta aqui depoimentos eu vou pegar esse texto aqui que tá branco também vou duplicar e vou colar aqui nessa sessão aí eu vou colocar aqui depoimentos né eu vou pegar eu vou pegar aqui me estilo o tipo de fundo vou pegar a imagem vou colocar imagem vermelha aqui também e o café é 50 aqui direita e esquerda e 70 inferior e superior beleza vem aqui ó eu fiz duas sessões aqui com três três vídeos tá faltando essa
frase aqui também né eu copiar ela aqui vou pegar essa frase aqui que já tá pronta vou duplicar e que eu voltar ela aqui e vou substituiu o texto né o pa e não tá pegando aqui a pouco e aí eu vou jogar ela aqui no bloco de notas vezes quando você pega um título um texto ele vem contar sf um lixo parece é isso né aí se você põe um bloco de notas ele tira os olhos e aí você cola aqui tá vendo eu vou colocar aqui um peso maior aqui e eu vou mudar a fonte para ela anitta que belezinha agora vamos
vir aqui na biblioteca pegar uma seleção interna ó vou duplicar aqui para ficar três sessões e vou vir aqui no dia de vídeo na verdade eu vou copiar isso que eu já tô usando aqui já tá prontinha ali eu só colar ele aqui tá vendo aí vou colar aqui nas três capa e coloque nas três aí vou vir aqui na sessão aqui em casa duplicar que já duplica também os três vídeos aí na sessão aqui o link em avançado pede vou colocar um superior de 20 para ficar grudado no outro aí que vão mudar né colocar as url
aqui vou pegar aqui azul rl dos vídeos vou colocando é o quê e aí e aí nesse caso aqui a gente vem aqui e tira a imagem tacchini combine i ele diz vincula aqui para aparecer o frame do vídeo da pessoa o resto da vida pessoal tá e aí você vai lá tá e sem todos os vídeos e nem tão rl e dizem como também aqui já me go áudio e não tem que isso acontece alguma coisa ele pula para fora mas só de eu comprei um gente volta a tabela tu tá doido eu pergunto também desvincular e aí e aí i e ii e
aí e amigos em que lá a e pronto aí já vamos ter feito aqui a nossa feição rápido né gente não tem rápido a gente vai pegand o algumas coisas que a gente usando as outras sessões e andou até rápido tô pronta e agora vamos fazer associação aqui de bônus se você tá oferece bônus no seu curso é muito importante você colocar né é que vai ter alguns bons então eu peguei uma coluna dupla aqui o avançado né cintia interesse passamento 70 de inferir de superior e inferior oi e a e ainda tem bônus
coloquei essa frase aqui e eu vou pegar essa frase aqui vou duplicar ela colocar aqui eu vou colocar assim ah e ainda ah e ainda eu coloquei assim e ainda tem e aí o bônus em bondoso escrever demais seu tamanho e ainda tem bônus e ele ficou todo e termina aqui mas eu vou ter aqui o link no estilo alinhamento centralizado vou colocar um br aqui para quebrar esse bônus para baixo aí aqui no título aqui quando é de texto é diferente é a cni texto não é nem visual aquele texto que é o editor html
então aqui ó onde tem bônus que eu vou colocar um br e aí quebra para quebra para baixo hálito né ai nda tem bônus eu vou pegar essa frase aqui seria muito interessante também é hoje eu colocar os valores dos bons e colocar a riscado assim né para falar para pessoa que vai ser zero nossa de graça os bancos são valores fazendo graça você vai receber meus e-books melhor sucesso aqui do lado peguei um bilhete de imagem em tela cheia bom e peguei imagem que dos dons que foi essa ah tá vovô aqui na
sessão a mãe já tá seu tempo o que tá aqui em atualizar ó vou pegar essa seção aqui dos botões aqui de novo copiar ah tá ó e vou colocar aqui associação aqui embaixo e até aqui também tem que ter pelo menos umas três botões aqui na frente cpa 3 chamado coração é o aqui né não é a primeira da obra daqui onde tem um na onde que tem o preço e é legal ter pelo menos mais um autor sabe e aí vamos fazer essa última parte aqui que é do quem é aline quer a aventura que dou e na comunidade vamos fazer a
mesma coisa peguei um coluna dupla avançado 50 de pede desvínculo os valores vou colocar 70 aqui inferior e superior é que no fundo não é nesse estilo vou pegar aquela imagem lá de folha que adorei as imagens ficou um chá melhor do que ficar o fundo todo branco ficou muito legal se mais uma imagem vem uma coisa diferente e vem aquele tamanho personalizar pelos com centralizado aí aqui colocar quem é aline né vou copiar esse texto aqui e aí vou colar ele aqui aí vou colocar assim ó e o rapaz quem
é e aí oi aline castelo e e também pastel e quem era em castelo o chow-chow e tu tá feita aqui de novo quem é aline castelo e aí aqui eu vou copiar esse texto e nem vou pegar esse mesmo vídeo eu tinha aqui que eu usei aqui fala o cliente a ele é rafaela para baixo e eu quero em castelo e aí é ímpar par e aí e aí e aí oi yasmim castelo e aí que eu vou colocar uma foto dela aqui do lado vou vir aqui pegar o imagem largura tela cheia vou pegar essa foto dela aqui tá vendo fica com atualizar e aí
vou vir aqui na seção 1 o link ninho alinhamento ver tical colocar meio para colocar ficar alinhado aqui no meio né e eu tenho atualizado e aí de novo é o pátio ficar nos olhos de novo eu esqueci aqui de eu coloquei um espaço inferior mas vou tirar porque eu quero que ela fique bem pertinho aqui bem pertinho aqui do da borda né então vou topar colocou errado ouvir na imagem vou minha avançado e vou colocar uma margem negativa aqui para ela ficar bem retinho aqui com a borda né e aí aqui agora eu
vou fazer um rodapé aqui vou pegar uma i magem uma sessão para mim coluna só vou pegar essa coluna aqui que tá os botões vou colar ela aqui dentro eu vou dar aqui na seção colocar aqueles pensamentos lá de novo e na verdade não superior nem preciso de tantos orçamento oi gente eu vou colocar cor de fundo no estilo tipo de fundo o colocar esse cinza aqui o horário aqui e com que que eu fiz uma cor de fórmula 1 a beleza agora vou colocar a logo aqui do a comunidade dela ótimo eu vou pegar aqui
esquece isso mesmo link nest e ou não agora vou alinhar que o tamanho né hoje né gonçalo o k20 de pede que superior para ficar um ficar tranquilidade aqui com botões e vou colocar esse copo vai ter aqui embaixo tipo aqui pegar um título g1 e eu vou colocar centralizado foi aquilo eita eu vou colar aqui ó o estilo branco tipografia bonito o e colocar 17 tamanho tá vou clicar em atualizar é pronto agora eu vou botar aqui no mobile para a gente ir ajustando que o restante no bar né que ajustado
só se parte de c ima aqui vou ficar na sua sessão vou vir aqui no quadro tipo casamento e o diminuir tamanho da fonte ó vocativo tá 30 aqui tá certo tivesse que dar lá já maia é só para ver se é e já comunidade código prazer aqui já tá ok aqui a imagem dela deixa eu vou estar a imagem dela tá flutuando aqui aquele brinco lá em vó dá uma margem negativa eu fui para ver a e pronto aqui vou vir aqui na seção tal vou vir aqui colocar 20 dias pensamento diminuir o tamanho da fonte que que eu 35 ah tá
é aí eu vou vir aqui na sessão vou vir aqui ele responsivo reverter colunas mobile para aparecer primeiro que o texto que já tem lá solta e foto foto também não vai combinar né a gente deixa assim eu vou mentir o texto colocar justificado vai ficar melhor a imagem então também bom na sessão o link na seção águas falado por causa do tipo totalmente também ou diminuir o tamanho da letra para 35 também e aqui o tamanho da letra aqui debaixo também o diminuir para gente pronto aí eu vim aqui nessa
seção o pa colocar 20 trânsito lento na mesma coisa de me liga que nós passa o tamanho da fonte para 30 oi aqui é esse tamanho dessas fotos aqui estão boas esse aqui para diminuir um pouco velho oh diminuir carro 50 aqui o tamanho do sete dias de garantia fomentar esse aqui vou deixar desse tamanho essa seção aqui vou tirar o que que aquele pede para desvincular aquele aquele espaço que eu tinha colocado ó aqui os botões está ficando com a linha quebrada de ponta do espaçamento aqui em c ima não
está é mas aqui está ficando com uma linha ela para cadeia que tá ficando com a nem quebrada aí que a gente a gente vai fazer a gente vai dormir aqui um pouquinho tamanho da lafonte né vou deixar aqui ó o pintinho 1818 deixar 18:18 aqui o tamanho da fonte e pronto embaixo na seção vamos iraque colocar 20 lançamento depoimentos e vou desligar a fonte para 35 é isso aqui também vai diminuir a fonte em 17 beleza tudo certinho aqui os vídeos né tratamento ok aqui também ó nessa s essão 20 diminuir
aqui para 35 centralizado a aqui eu terminei também tamanho da fonte para o seu site colocar aqui centralizado tamanho que tá ok aqui já tá ok alguns pensamentos eu só vim aqui na seção tirar o tédio aqui aqui também nessa sessão 20 a 15 centralizado também estou aqui a imagem dela aqui desvincular e vou dar uma chegadinha aqui para baixo e aqui e também mesma coisa não seu time cês tão pouco ausente aqui dias pensamento ó e aqui 25 aos valores também e v ou diminuir o texto dessa aqui
para 18 ah vá há 18 homem park aluguel dela e no diminui o cop rider bom e o que eu quero atualizar o e pronto já vai estar por onde que é a nossa página aí o que a gente vai fazer agora aqui é vê em cada um dos botões e colocar o link vai colocar os links no caso dela são dois livros mas aí no seu caso colocar o link da hotmart ou da onde que você do seu check-out né o link do seu check-out vocês aqui a página da original que eu coloquei os l ivros e aí e aí aqui na página dela a
página oficial já coloquei os links aqui quando a pessoa clica ele vai aqui para o check-out aqui da daí dos da hotmart tá vendo do brasil de portugal então a pessoa já vem aqui para o check-out já consegue comprar aqui e aí quando você colocar o link é bom para você vem aqui ó clique aqui na engrenagem zinha por que que eu abre em uma nova janela que quando a pessoa vai clicar ela vai abrir página outra janela e vai deixar a sua página de vendas abertas vai continuar na sua página entendeu que
aí se ela quiser voltar aqui dá uma olhada ela consegue voltar vou deixar sua página lá aberta tá bom então foi isso gente ó espero que vocês tenham gostado a página eu particularmente achei que ficou bem bonita é muito importante que você capriche nessa página de vendas quando você for fazer tem que lembrar porque tá dando com pessoas então quanto mais atrativo foi a página mas ela vai converter tá bom espero que vocês tenham g ostado então clique aqui e deixe o seu like se inscreve no canal
deixa um comentário dizendo se esse vídeo te ajudou se você gostou se você tem alguma dúvida me siga nas minhas redes sociais para que a gente possa interagir por lá e clica no link que eu vou deixar aqui na descrição para ir direto lá para o meu canal vip do telegram tá bom ó

| Tutorial Passo a Passo Wordpress
0 Comentários