Como criar Página de Vendas - 01 |Lançamento Marketing Digital com Elementor Wordpress
2.181 visualizações • 18 de jan. de 2021 • ⭐️ Curso WP ELMENTOR ➡ http://www.wpelementor.com.br/ ______________________________________________ Parte 02 do aulão de página de Vendas: https://youtu.be/rOyGn0ALZ-A ________________ Aula 01 - Como criar um lançamento de marketing digital com Elementor Wordpress ➡ https://youtu.be/yUUhspMxZ-g Aulão de Página de Inscrição (CAPTURA) ➡ https://youtu.be/LJYOYfpyIBw Aulão de Como criar Página de confirmação ➡ https://youtu.be/Vca1YPMNcSU ______________________________________________ Aqui no Chief of Design tivéssemos a oportunidade de realizar diversos lançamentos de produtos. Um lançamento é uma estratégia que possibilita gerar uma renda que uma empresa levaria cerca de um ano para arrecadar, só que em poucos dias. E não só isso, só a repercussão que um lançamento gera em torno do seu público-alvo faz com que sua lista de e-mail cresça exponencialmente. E isso é um efeito muito bom porque se mesmo você não consiga uma venda com seu produto de lançamento para um lead cadastrado, você poderá se relacionar com ele para poder fazer uma oferta futuramente. Mas apesar de não ser o fator mais importante para um bom lançamento, é fundamental a aquisição de uma ferramenta que te facilite a gerenciar seus lançamentos. Eu administro meu projetos online com o Wordpress. O Wordpress é uma ferramenta que já me sinto adaptado, e não só eu. Grande parte dos sites da internet utilizam o Wordpress. Agora imagine uma ferramenta que com a praticidade do Wordpress constrói todas as páginas e auxilie nos processos que envolvem um lançamento? Pois é. Esta ferramenta existe e se chama Elementor PRO. É é ela que usamos no Chief of Design até segunda ordem. O Elementor PRO é uma ferramenta que possibilita qualquer pessoa criar facilmente páginas sem a necessidade de conhecimento técnico. É ela cria várias tipos de páginas como Landing Pages, Páginas de vendas, Páginas para áreas de membros e páginas para conteúdo de pré-lançamento, entre outras. Mas chega por aqui. Se você quiser saber mais sobre fazer lançamento usando o Wordpress com o Elementor PRO acompanha a série inteira. Nela eu apresento o processo de construção das CPLs (lá você saberá do que estou falando), toda configuração e até alguns conceitos sobre lançamentos que devem sempre ser aplicados além de ferramentas. ______________________________________________ 🎩 Chief of Design Inscreva-se agora no canal e fique por dentro das novidades!. ➡ Site: http://chiefofdesign.com.br ➡ Facebook: https://www.facebook.com/chiefofdesign ➡ Instagram: http://www.instagram.com/chiefofdesig... ➡ Twitter: https://www.twitter.com/chiefofdesign Mostrar menos Mostrar mais
PS2 gente aqui no pipoca usarem gravando mais um vídeo para você de elementor nessa aula nós vamos falar sobre a página de vendas tão só para recapitular nós começamos com a página de captura além de pênis simples a pessoa clica aqui falar por e-mail nem para de Obrigado onde você pode colocar uma chamada depois no dia do evento você vai mandar um e-mail para ela com a página de conteúdo para lançar mente que são os vídeos da série Três Rios na quarta aula no quarto vídeo
você vai mandar normalmente obviamente falando aí da Estratégia Nacional você vai mandar para a página de venda e essa daqui e tem um vídeo normalmente o mínimo você merece de plasma é um vídeo e é com uma chamada para ação e algumas informações aqui de Identificação do curso para não normalmente nome ao longo do curso e um amarrar de lá e não título Seria o mínimo Mas você pode adicionar mais coisas como é o prefiro antes de eu continuar com essa página só quero te lembrar que essa aula faz
parte do curso WP elementor então se você alunos está vendo sem propaganda tá vendo conteúdo full tá vendo todas as aulas exclusivas e não tem no YouTube e e deixe seu comentário aí depois de gestão assim você é livre para isso para você participar em na área de meio se você tá vendo pelo YouTube acesse aí w treinamento.com.br porque você pode ser um aluno aquilo que fica acesso todo material exclusivo que nós temos aqui no curso e você pode dar uma olhada acessando a nos sa página de vendo
nosso site aqui dava implementam as essa aí para se tornar a beleza ai ai pode baixar template tem bastante coisa legal no nosso país mas vamos continuar para aula aqui então Vamos criar essa página de vendas beleza como que eu vou fazer vou tirar uma nova página Oh e vamos adicionar aqui os conteúdos como eu tava falando eu prefiro adicionar mais coisas nas páginas de venda né o mínimo seria essa parte Inicial aqui do louco até o botão mas é mais difícil ver páginas assim hoje em dia né
normalmente elas são mais completas o meu como eu prefiri e aqui você coloca mais informações lá então você vai falar que o curso tem garantia certificado de informações importantes para que as pessoas consumam essas informações entenda o que é o curso e adquiram e é esse serviço que você tá hoje produto que você tá oferecendo e também tem que se preferem ler né porque ficar assistindo o vídeo Tal aqui é a parte garantia que deu uma quebra aqui alg umas linha de CSS depois vem vejo que você vai
aprender então seriam os módulos bom lembrar que essa página que você está vendo é a página antiga de vendas e os esse tá nova página curso WhatsApp me controlar receberá que mudou completamente o layout da página conteúdo também existe mudou mas essa era a página que a gente utilizava nos lançamentos tá bom Aqui tem ainda mais vários bônus valiosos faz um bônus depoimentos que a prova social eu acho importante você ter se tiver aqui o uma aqui nesse caso era uma página que a gente testou de
recorrência né se eu não me engano é isso mesmo recorrência mas não existe mais isso tá no curso da é só Perpétua hoje em dia e e aqui são os preços né Card Beleza então vamos criar essa página aí aqui na nova página que eu já cheguei a Shakira bonitinha côncava vamos copiar alguns elementos das outras páginas para facilitar para agilizar a construção dessa nova página Então vamos lá vou pegar aqui primeiro aqui da página de você PL já dá para gente copiar algumas coisas aqui vamos copiar o
header você tá bem parecido com raiva leque da inscrição né aqui é uma imagem ó vê essa parte do o WhatsApp é uma imagem é uma imagem Dá até para fazer com CSS só isso aqui né eu vou copiar e vou colar aqui na nossa nova página o efeito já colei tá tudo certinho lembrar que dá para colar Porque estão todos no mesmo diretório então aqui hora aula é dado o pensamento barra aulas elemento agora não consigo copiar po r exemplo da página curso WhatsApp ler e jogar nesse outro domínio Tá bom então
é por isso que eu tô conseguindo copiar aqui e dá uma agilizada bom vamos aqui mais aqui nessa daqui eu acho que não tem nada para copiar vou fechar nessa daqui também não vou copiar mais você PL mesmo copiar Olá E aí beleza e vamos agora ali na tela de inscrição aqui e vamos pegar o conteúdo aqui comparar Tem um pre-load aqui né e na verdade nem não é um cronômetro né que tem tinha aqui e dá para a g ente colocar também então colocar acretismo aqui vamos colocar um BR para quebrar a linha
cozinha aí coçar assim nós pronto ó e aqui para e dá ênfase à a beleza vou duplicar essa parte aqui eu posso tirar E aí o Olá beleza e aí a gente vai alterando né vai ajustando o tamanho do texto Qual é a altura da Linha aqui eu vou aumentar um pouquinho é a ideia deixar o mais parecido possível no caso aqui tá tudo com stoll bom então eu vou tirar o estoque que eu pensei que era só um trê s mas está tudo vou alterar o piso aqui nas opções do próprio elemento Beleza o botão gente Já copiou também
muda um pouquinho não é nós vamos modificar e colocar aqui quero me inscrever agora E aí Oi e aí basicamente é inverteu que a gente fez né é basicamente é isso naquele botão deixa eu dar uma olhada eu ia falar que tá com Gradiente mas não tá não não tá com Gradiente então ok só vem aqui só pega o acordo da sombra peguei a cor da sombra Agora sim meu amor adicionar cor de fundo largura aqui a sombra do Sol adicionar cor Oi Iaiá justa sem borrar e seria o plano né esse é um pouquinho E aí OK isso
escorpião a cor já estava ali e o próprio e é no próprio botão agora ali só precisa modificar aqui acordou estou aqui a cor do texto e deixa em branco o IPS e aqui na outra página né está acontecendo em maio e vão deixar tudo em maiúsculo também vem aqui demografia transformação a maior e Oi ok e aqui na verdade tá a copiada tava fazendo a página errada né eu vou fa zer o seguinte eu vou copiar seu alterei aqui tava fazendo na página errado ó já pensou se eu não vejo aí agora sim vou colar aqui
novamente então para não perder o trabalho né E ai tudo certo né e o que nós temos que mudar aqui será que eu vim aqui para essa página essa imagem local primoder alterar a imagem de fundo também e colocar sua autoimagem e nós temos aqui que é compra segura tal e para deixar mais parecido possível Ok então vamos abrir aqui em uma nova guia sem imagem Eu e minha aí vou salvar e jogar no wordpress.com E aí E aí e pronto já subir aqui e pronto agora vou vir aqui nessa parte mas seria uma
imagem eu vou pegar a imagem aqui do telefone esse telefone também mudou do Tite civil Não mesmo não então não mandei mensagem nesse telefone esse conversa beleza aqui no botão vou colocar um texto e o carro com título que fica sem aquele espacinho chá aí escolher a tag p e vou pegar o texto aqui a compra segura esses dados protegidos pode co mprar sem problema E aí gente quando eu for pico aula direta ele pega o tss da página da onde eu copiei por isso tem que tomar cuidado para você jogar
apenas no campo e onde sincero texto sem nenhuma formatação e depois eu já vou mais uma imagem para jogar sem mais aqui de seguro dessa imagem é bom colocar um áudio é bom sempre coloco um texto alternativo o efeito já tá quase no esquema vamos dar uma olhada a nossa tem uma distância que a gente tem que arrumar se você se a gente arruma não você pega aqui nesse ano e não chegou então a gente vai fazer uma gambiarra não é eu vou fazer o seguinte primeiro a gente vai dar uma a margem 15 vai dar
uma separada e aqui a gente colocar a imagem negativa para dar uma subida lá E aí só soltarem e colocar mais negativo só no Positivo aí a gente manipular daquele jeito né Aqui tá o que for elementor cor né feito isso vamos adicionar mais os conteúdo daquela página de inscrição é só tem esses ícones e esses que é bem si mples lá deixa eu voltar aqui para fazendo mal de simples e É só adicionar mais uma sessão aqui eu ia e na verdade eu vou fazer um depois eu dobrei com o restante antes disso eu só
vou fechar essa última página aqui de conteúdo lançamento que eu acho que não precisa mais eu já fui eu que tem que copiar só para não confundir sair OK agora sim vamos editar então a página onde nós estamos vamos ver a faltou faltaram duas coisas não é faltaram duas coisas a imagem de fundo vamos ver aqui a imagem de Sandra eu vou salvar Esse é o primoroso tá Vamos alterar isso né vou começar com a imagem de fundo em alterar para deixar mais parecida ali aí e o Free load upload aqui
no elementor pro tem essa opção ou pronome nenhum trilogia tocou na cabeça mas é um cronômetro mesmo né porque ele fala quando vai acabar Então se procura aqui ó contador a contagem regressiva tem sério aqui e aí você vai editar vai te avisar e ganha só por exemplo eu vou tirar a cor de fundo vo u deixar o arredondamento de borda de cinquenta por cento e colocar respeita por cento e vamos pegar a cor não é faltou a sua mente a cor e aqui vamos pegar a cor se essa for a gente vai utilizar bastante
aqui no site e a ajustar aqui vamos fechar a porta aqui águia sólido chamo da borda O que é 2 ou 3:00 são dois pixels de largura e aí é isso e vamos ajustar e para tentar deixar aqui é de uma maneira legal né Não dessa maneira aqui esse passado demais a mulher E aí um ok já melhorou É falta o conteúdo aqui que ajustar Mas algumas coisas nos dígitos por exemplo a gente aumentar e onde é G1 as conclusões E aí no rótulo e colocar um como exemplo eu acho que até menores com melhor um pouquinho
melhor então coloquei 0,9 bom e é isso na água this container a gente melhor um pouquinho bom e no predinho Ah não aqui é o pede interna na verdade a gente tem que assinar o espaçamento aqui entre eles e vamos melhorando isso daí ó você vai mexendo entre o espaço aumente a largura do container até encontrar que você acha ideal e aqui eu acho que 42 se qualquer um nós vamos colocar em para o norte esse cronômetro eu prefiro colocar aqui embaixo né perto do botão é mas na página e nós vamos
trabalhando tava em cima não é e eu prefiro colocar um pouquinho mais perto aqui botão mas assim Depende da situação né tem as pessoas de preferência não deixar a Cristina mesmo é bem relativo a teste tá essa questão de conversão página também tem tem casos qu e vai funcionar melhor em baixo outro em cima a principal questão é não confundir é não confundir o usuário na chamada da ação né então ele precisa realmente consegui fazer eu consegui clicar no botão Esse é o objetivo da página e pronto os
pronomes feito tudo feito vão comparar com outra página se eu tirar que o modo adicionar lá parecido nossa vaga limitada daqui que tinha né e vamos bora colocar essa outra parte que nós estávamos trabalhando copiar por login que utiliza do Chrome E ntão o nome dele é just color picker Você pode baixar grato i.a. utilizar e no céu blog E aí você vai conseguir pegar as cores passo mente vamos lá a cor bom e vamos espiar aqui esse Face I hope aqui E no caso desse texto gente pode tentar utilizar
esse imagem aqui que já vem com terço ó a imagem aqui a imagem caixa de imagem Vamos tentar Whitney e também tem ícone ontem Vamos ver aí ver filho a notícia a gente coloca aqui na no campo de sessão no título a gente altera também bom e no ícone nós podemos subir aquela imagem pode ir à biblioteca de ícones vamos dar uma olhada Eu acho que dá para encontrar parecido aqui na biblioteca de ícones morrer PC Aonde você tá se achar é aquela aquele que tem em Essência Esse é um pouquinho mais
parecido não dá uma olhada Esse é um notebook ou não vamos tem notebook aqui o notebook laptop tem laptop ele é só e vamos ver que é muito parecido não é muito muito parecido Então nesse caso eu vou deixar e esse ícone mais caso não tivesse essa possibilidade você tá utilizando elementor free pode fazer o ícone no menos 30 ou só falei que você utiliza exporta ele é o Photoshop né corta com png com imagem depois Sobe aqui uma imagem normal no seu elementor há 11 Mac tamanho e vamos ver aqui mas e
acordar gente vai alterar também essa força pegar aqui E aí e colocar nó título-1 e nem conteúdo nenhum título adiciona essa flor a notícia deste branco a mulher que espaçamento a gente pode editar e já 15 pixels minha mãe exterior vamos ver se muda alguma coisa aqui não bom e é isso basicamente é isso e vamos ver se dá para melhorar apenas espaçamento aqui né Desse esse título quer é o que tá prejudicando aqui para gente o passamento do título dá uma olhada aqui bom Aqui tá um pouco difícil né
e ajustar esse esse título aqui o Olá tá um pouquinho de que está com ligando num espaço muito grande eu não quero esse espaço muito grande quanto tempo até aumentar aumento mas fica ruim então eu não achei aqui a forma de melhorar esse espaçamento Então vamos fazer na mão fazer na mão o adicionar que tinha uma idinha é o melhor maconha e o adicionar e aqui ó vão ver o nome Spirit o divisor e também é não tem específico Então vamos colocar aqui é o melhor item e tem vir aqui tá dentro do Rio
ainda vem aqui CSS lá embaixo essa é uma responde qualquer nós pode colocar né Agora vamos encontrar aqui esse h3h 3 bom e vamos tentar dizer a esse cara aí as vírus margens era se eu vim aqui imagens ela Olhe vamos até testar e ver se pega e não pega tá vendo eu vim aqui forcei via CSS Então vou colocar aqui o 30px o e passa mesmo bom e é isso aí é feito isso eu já sabia aqui com fica tá bom tá ótimo vou duplicar eu vou fazer os demais e procura ali assim por cento e garantia 1 e eu e olha
aqui é esse aqui Oh e vamos procurar aqui por é certificação a medalha deve ter alguma coisa ali e é aqui tem uma medalha tem uma medalhinha aqui o rosé E no caso do nosso time é 100 porcento de garantia selo né vamos ver se digitando Silva aparece lá então eu procurei aqui não encontrei aquele ícone mais próximo que encontrei foi saquinho cercado mas ele é bem diferente do que nós temos então Nossa será que esse site prático e aquele da algumas opções você ensinasse daqui pegar a versão é
apenas a minha vou baixar aqui o svg e vamos ver aqui onde tem chaminé em aqui vai baixar Aí eu pego e subo aqui no nosso elemento lembrar que eu estou questão de e nviar Aqui nós temos se eu não me engano só a versão prova né e olha só já veio no quininha bonitinho duplicamos vamos ver aqui o próximo a certificado de conclusão esse cronômetro já deve ter com certeza né eu tinha já é mais comum provavelmente a chave também deve ter já te dei forte neném vamos ver aqui o time e aqui já tem
mãozinha aí parece é parecido né Aí você procura aqui ó time esse outro Oi Zé e aqui na verdade licor estão o que o estranho né certificado de conclusão aqui não tem que ser ciclo ele não tinha vou ali certificado de conclusão pode ser essencial para mim ficar melhor eu ia vamos duplicar lá e pegar o último só as que ver também não tem até tem né com os pais você vai um bolinho aqui como esse daqui até se detalhes a gente acessa de novo aqui parte da Furb finesse prático digitar aqui vai
aparecer alguma coisa aqui para gente e aqui ó se baixarmos svg e Subimos lá E aí E aí G1 E aí é bonito e Vamos alterar aqui na verdade eu p ede né precisava mal ter ali e agora sim uma alterar o texto aqui acesso vitalício e ir no esquema E aí e agora a gente tem que colocar essa parte de garantia e quebrou apesar de você já ter essa informação de garantir aqui né Aí você tem que pensar essa parte de garantia quebrou eu acho que poderia estar em outra parte o mais aqui perto do pagamento Por que
faz mais sentido bom então vamos pular essa parte Vamos criar que uma nova sessão o e colocar essa parte aqui ó E aí e nesse cas o a gente vai ter que copiar essas imagens né porque não tem como fazer assim e assim a gente fecha essa parte da página de vendas lembrar que eu tô recriando uma página antiga que nós tínhamos de vendas aqui do curso a gente fez essa parte na próxima aula a gente faz o restante da do site tem essa parte aqui que eu acho que ela ela quebrou um pouquinho né mas eu acho
que ela tem que tá mais embaixo a gente coloca mais bar e cria o restante do nosso real 1 é só para finalizar que dá para fazer antes de ser essa página aqui ele já criar o poder e já criou o ter aqui já para é agilizar uma parte que é esse daqui é bem simples né eu ia tem aqui passei mal o jogo a imagem aqui e manda ele embora para aqui a outra a falar com o é isso aqui na verdade é um texto né não ao título design oi tá ficando só colocar é o tamanho aqui certo da da tipografia deixar com 800
00, nove na verdade e e a imagem aqui senhor a e três efeito É sim a gente encerra essa primeira parte d a página de vendas a seguir a gente continua a ser em todos os elementos que nós estamos recriando aqui ajustando que tiver que ajustar tão curto vídeo se você ainda não curtiu inscreva no canal se você ainda não se inscreveu e ative as notificações segue a gente nas outras redes sociais principalmente o Instagram tem um blog Como encontrou para você e se você quiser ser aluno do Tigre aqui
de elemento tem um link logo abaixo se você já é aluno muito obrigado pelo tá assistindo a a tal com Elementor Wordpress
0 Comentários