Como criar Página de CPL- Lançamento Marketing Digital com Elementor Wordpress
2.246 visualizações • Estreou em 11 de jan. de 2021 • ⭐️ Curso WP ELMENTOR ➡ http://www.wpelementor.com.br/ ______________________________________________ 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
o mestre desde aqui do Chico Lopes agravando mais um vídeo para você aqui para o curso w e elemento nosso curso de nem perpassa ainda não seja aluno tá vendo aqui no YouTube acesso primeiro link na descrição pra vocês e alunos fazer o aluno você tá vendo totalmente o as aulas com mais conteúdo com pelo complexo beleza e aperta aí para você se inscrever no canal ative as notificações para gente continuar aqui com a nossa série de lançamento agora a gente vai fazer essa parte aqui e e seria
os conteúdos para lançamentos eu faço páginas dos vídeos e lançamentos basicamente tem três modelos principais quando a gente fala de página de conteúdo super lançamento O primeiro é esse daqui ó e ele inclusive fez não conectei digitais da queda do creeper você disse que eu trabalhei lá né esse layout do até é o até hoje quem não tem crédito tem lá e até esses vídeos sobre isso quando eu trabalhava lá então o primeiro modelo nós temos assim topo a parte de vídeo a navegação ao lado normalmente
ao lado direito depois tem os comentários Facebook e uma barrinha do lado direito da minha saída de barco os depoimentos se você tiver essa parte aqui de se inscrever mas opcional excelente também aqui pode ter ou não o segundo modelo que nós temos é esse que eu utilizei aqui na no último lançamento do Expert só nós temos a navegação em cima o topo Lu também nós temos mas veja que eu já coloquei aqui um um cronômetro né e um vídeo mais uma descrição é só me a navegação co loca aqui em cima e nem
deixamos uma descrição aqui ou até mesmo sem descrição só o vídeo mesmo o DS um pouquinho dessa parte aqui telegram tal depois vem a parte de comentários aqui a parte de comentários sempre precisa ter e depois o último modelo que eu também já utilizei é basicamente a mesma coisa só que a navegação fica em barra fica em baixo do vídeo E aí qual que é melhor qual que é pior é difícil falar eu nunca cheguei a fazer um teste AB para verificar qual que é melhor eu acho que isso tem que pensar na
experiência ali do do usuário eu gostei desse daqui por isso que eu fiz esse modelo no último lançamento que eu participei eu acho que dá uma ênfase legal o vídeo coloco uma descrição como fosse meio Netflix assim sabe Episódio um tem a navegação em cima fica legal também não responsiva tal mas tem essa outra opção tem essa outra enfim você vai decidir aí qual que você acha melhor se puder testar né Você realmente é dados ser interessante o recato lado então depois cadastra naquela primeira
página que nós fizemos ela aqui na tela de Obrigado negociar do evento depois você vai mandar um e-mail para ela com essa página aqui de conteúdo quando começar efetivamente o evento você vai criar apenas uma e depois você vai duplicar a única coisa que você tem que se atentar é de acordo com o lançamento de cada aula você alterando os links de navegação então por exemplo aqui ó veja que tá aqui tá até liberado já né mas é quando a pess oa é só o episódio um esse episódio 2 3 ou 4 tão bloqueado
então não ter a lente aqui quando você lance o dois tem que colocar o link aqui dos dois na página um e na página do dois você tem que colocar o link para página 1 Ah entendeu assim ó então consegui voltar para um vai se você vai precisar lembrar fazer o restante do layout igual pode ver que não muda a única coisa que muda é o vídeo e o conteúdo se lançamento a gente fez ao vivo no YouTube bom então vamos fazer esse modelo a qui ok vamos continuar se baseado no modelo de anos atrás nós fizemos do
Abner pro vou me aqui no na minha página e eu acho que eu vou criar uma nova é uma totalmente nova e eu vou recriar aquela página com um elemento Deus recreio eu fiz aquela página aí com é o homem mais perto então vamos fazer aquela pasta e mesmo hotel Red no header jeitinho É divide e aqui vai ser o logo lá na imagem aqui e aqui vai ser o texto você pegar o pessoal você está assistindo o vídeo por exemplo então texto aqui pegar é texto normal em que esse título V e na verdade dá para colocar
título aqui a gente muda só tag né aí tá melhor já E ai ok e aqui no na cor do texto eu vou pegar a cor aqui show ele vai explodir Oi gente repete essa cor E durante o site e E aí você está assistindo olá uh tem como vir aqui salve de um tá maior ali o palitinho Oi Edite esse texto A Origem e eu vou colocar uma spam é só na parte do vídeo para ficar igual como estão se você não sabe que é spam né estu de um pouquinho de html o e CSS que a gente vai utilizar pelas disso né Então aquela até deixar
1.4 o canal. 21.2 Oi e aí no vídeo 1 e eu vou vou dar uma coisa aqui vou colocar o nome de Sai do vídeo Play On e aqui CSS O olá boa aquela classe e aí eu coloco lembrança aqui do ponto antes né Nova Marca assim que ele terminar ali com um ponto eu quero ver certinho e você coloca um size plus size 211 ver como fica aqui o título Ok pegou Então vou colocar aqui spam a escrever certo span n é pelo amor de Deus aí ó aqui beleza eu acho que até ficou um pouco grande né a gente edita isso é grande
demais aí ó o que imagem eu vou subir a imagem que eu baixei já aqui encontrar a imagem é o lobo a estrutura de uma página lançamento basicamente assim tem um pouco com a informação básica ali seria no mínimo logo se quiser adicionar outras coisas você vai adicionando mas o principal mesmo é falta uma identificação da página né a largura deixar mais ou menos proporcional ao tam anho ali dou do nosso texto ao lado direito Oi e aí tudo certo deixa eu ver aqui mais é para mim ficar aqui perdem
imagem eu quero nem ficar aqui porque que ele tá com esses agora ainda de quem aí ó eu achei direito di E aí Tá bonitinho agora vamos criar nova parte que é um vídeo nessa parte aqui como eu falei Pode colocar um terço do lado se você quiser pode só deixar o vídeo aí você vai vai escolher aí de acordo com o que você acha melhor vou pegar um vídeo aqui do Objetivo va mos ver aqui pegar o vídeo de elementar mesmo no vídeo de elementos eu pegar agora sim jogar aqui E no caso da página de lançamento
com pouco menor né Aí tem um título ainda ó esse Vamos colocar esse título E esse título que eu tava comentando né pode ser do lado ou você deixa aqui mesmo enfim E aí vou deixar com H2 mesmo Centralizado Ok vou pegar essa imagem de fundo aqui vou pegar essa imagem de fundo sim a jogar aqui no nosso 11 e nem do site o tamanho 1 eu já tinha vacilei começa r diferente E aí E aí São Paulo gay eu vacilei e não querer mudar sempre que avisou iPhone tudo certo Tá bom vamos lá encontrar mais uma questão
Aqui do fundo aí você pode estar né estão ali de chão encontrar aqui aqui a posição Então tudo certo vou deixar fixo Ah e não repetir a conter conter não é preenchimento automático ai Ok vamos estar essas carinhas onde contar aqui ó estavam também menor sem golde aqui tá com a mãe maior o que maior com balde quando ele está onde está o inicia ndo sua carreira profissional eu acho que assim tá bom bom então aqui no peso eu vou deixar passei aí eu pego o spam e coloca aqui i span 1 e já colocar no
Taiti o vídeo no outro né narrou tecla L acho que seria melhor colocar nesse né mas enfim já coloquei no outro Vou colocar aqui Red Line B Red Line vídeo e nem a no CSS lembrar que eu tô falando aqui com CSS né que para mim é mais fácil pode ver que são poucas linhas de código que tal você até poderia criar duas duas partes de tít ulo aqui colocar iniciando sua carreira no título texto três erros que atrapalham seu aprendizado o design e um outro isso né é dentro de uma outra tag mas para mim faz
mais sentido deixar assim tudo na mesma e é até colocar aquelas Playboy porque eu acho que é tudo mesmo mês conteúdo mas não estaria errado se caso você quisesse utilizar assim ó e aqui eu disse um Gold o e Font size this com ponto. 6 é ruim. 2 dumm dumm pedem aqui de de 10 PX e pronto então daria para fazer tá como eu falei você apenas mexendo aqui colocando o novo título a gente coloca uma nova Parte disso nos separa aí colocar aqui as três que atrapalham nesse Oi e aí você deixa esses só
pro iniciando sua carreira como designer bom poderia fazer aqui em casa você não queira mexer um cone mas eu nesse caso eu acho que semanticamente tudo para melhor assim vamos mexer no vídeo então no vídeo ele tem uma bolinha azul Vamos ver quanto que essa gordinha acredito que seja de 2 eu acredito que sej a 2 12 de largura a ausência se encontra aqui achei três horas vacilei é 31 São Paulo tentar inserir essa porta aqui no vídeo um filtro CSS não é isso vamos estudar para estilizar aqui e a em
avançado borda sólido largura três por ela que nós iremos Ok posicionamento é é e onde é que se dava personalizar o dele deve tá com uns 800 naquele naquela página ali né porque eu tava ensinando um código aqui deve aparecer a853 sertei é top se você acha que eu tô top esse deixa aí nos comentár ios você é TOP vou dar um beijo mandar um beijo né verdade beijo não pode ainda mais um convite né Fiz a máscara eu usei máscara bandeirinha tal vocês que é vamos ver aqui dá para fazer mais um só achou
só tentar centralizar aqui esse vídeo e esse é uma opção aqui sem É sim ser no no código achei aqui ao funcionamento na verdade pessoal mostrar como que eu fiz eu tava aqui no vídeo tá ventando edital funcionamento vídeo mas não tava encontrando Então eu vi na parte de colunas ele es tá colunas alinhamento centrale aumento horizontal centralizar tá bom beleza depois nós temos o botão botão aqui abaixo normalmente é é um botão aqui com PDF com alguma coisa relacionada você acaba colocando o
seu para o seu aluno que tá vendo ali é aquela aquela aula tão conteúdo complementar vamos ver se tem algum botão então o botão diferente aqui não quero e se chover um botão tradicional mesmo aqui do nosso elemento aí OK centralizar vou pegar o mesmo texto abaixo aqui o s eu presente eu vou colocar aqui no texto baixe aqui o seu presente é um cor você pega a mesma cor que tá lá E no caso ele tá sem cor né ele tá botar um Golf Ah então dá para pegar a borda só vou pegar a cor da borda vamos fazer
o seguinte deixar é transparente ou para apertei aqui não era para fazer isso no botão tipo de borda sólido cozinha laranja padrão largura da borda vamos ver aqui 12 lembrar que eu tô esperando o código talvez não 20 fica um pouquinho ruim para você ver essa p arte das piscinas não pode mas basicamente isso eu tô comparando aliás propriedade para poder jogar aqui um elemento Inclusive essa aula é bom para você ver como dá para retirar um site um elemento né dependendo até um site em outro
page builder você consegue recriar no elemento ou sem problema nenhum Vamos colocar aqui cinquenta por cento e arredondamento E aí Paraná e no texto Vamos aumentar esse texto né vamos deixar esse texto mais bonito voltava com vocês nós vamos deixar aqui transformação maiúsculas onde encontrar lá tá cinco minutos então deixar minúscula minúscula ele é bonzinho não me quis mais o ponto Oi acho que é o que e vamos só adicionar um pedem aqui então a gente pode adicionar um pé de hein um baseado aqui
em e em porcentagem mãozinha tá bom assim ficou ruim mas só colocar dois a direita dois à esquerda e assim dois à direita das esquerda Oi José e três inferior três perior e vamos ver vamos comparar eu acho que dá para mim melhorar deixa dois fazer com fica aqui deixa o três deixa três Eu trabalho aqui em porcentagem é na cor do texto e eu deixo e laranja também aí quando passar o mouse acordo com esse vai ficar bran bom e a cor de fundo vai ser é laranja não tem sido opções cores globais aqui
que são as coisas padrões do neném você pode baixar que pode até estar essas coisas globais aquele da produção aí eu queria colocar é um Gradiente aqui mas acho que não tem como vamos ver até tem como sempre tem como né mas não tá dando essa opção aqui pelo menos no Uber mas olha só como fica tá muito parecido né ó nós vamos colocar margem aqui de 30 e o ruim 60 o direito a zero a zero e vamos ser feliz e veja a página que a gente está criando Veja a página o que era do evento pouquinho
as coisinhas para ajustar não é e aqui por exemplo pode ser não me pede e ajustando o É mas tá muito parecida tem que falar não a peça aqui em porcentagem E aí é isso beleza O que é Paraná nós vamos prosseguir en tão e deixa eu conferir aqui esses pede minha margens José a superior 90 direita e esquerda não precisa e no botão aqui eu vou tirar esse imagem feio É sim as próximas partes agora que você entra nessa página no meio que é essa parte aqui nas próximas na próxima parte é meio profissional
Nossa daqui tá também profissional é e tem a navegação e depois o Facebook são os principais o restante você vai adicionar se você quiser se você tiver você não tem depoimento né você não tem como adi cionar enfim sobre a parte de navegação eu crio aqui uma estrutura com 4 o olá um dois três mais simples tem muito fazer isso até ver se tem algum mais de guerra aqui já no esquema é a caixa de texto com imagem vão esses daqui funciona um trabalhador rural é se dá para ver que aqui ou senão
a gente E aí eu acho que não me e não não não daquela maneira né o reposicionamento vou fazer então como eu não tô Se inverter o título aqui a ordem do título e como fazer o contexto simpl es aqui então aula 1 o louco tempo e depois o patuá mesmo todas as telas aqui também eu pego essa cor e essa imagem Vou salvar essa imagem quem fala é só vai todas as imagens o Olá essa em salvar e é aqui vamos copiar for e da borda vai ser a mesma cor do texto a centralizar e não preço de carro no
centralizou vão é porque agora sim como alterar o tamanho aqui deixar um ponto dois bastante pequeno Tá pequeno ainda vou colocar o ponto PA E aí e vendíamos acessamos partir d e imagem eu subo a Tamis eu acho que essa daqui subir todas logo no Reis Oi tá Campos largamente pai no Photoshop fazer o tempo você tiver utilizando né o Ciro e aqui CPC paciência pedem sei lá o que é no te dá uma raiva sem com você coloca há sempre alguma coisa aqui o espaço não sei o que é o que é se eu coloco no no H2
a ele não tem tá vendo É nesse cadastro até dá para deixar como H3 né tempinho ava3 depois tem que dar uma olhada qualquer melhor semana mas visualmente Professor t á vendo não vai fazer diferença o efeito basicamente é isso nessa imagem Você já faz com tamanho certo aí você vai inserir o link da URL personalizada se tiver em fez só vou duplicar ó Se eu responder aula 2 é igual ter as imagem aqui o Olá dois é essa a aula 3 o Olá trilha é essa e em Olá 4 bom então quando você e o lançar luz vídeos
né tem que lembrar de alterar o URL do das ambos né da navegação só isso é porque apaga você duplica da maneira Tá mesmo não tem tem problema e pra fina lizar você vai inserir aqui a parte do Facebook bom então na parte do Facebook e o até fazer a parte do Facebook com os vídeos tá vou fazer assim que a parte do Facebook couve eu tô aqui na parte do Facebook você coloca um título que é comente né venha cá E aí você achou o comenta se colocar aqui dá até para chover a data Quando eu ficar esse
cara aqui é a mais fácil já vem na cor e aqui você coloca o texto e aí você achou comenta comenta meu filho faz um favor aí demorou tanto te mpo para o vídeo né dá um trabalho em paz lançamento sabe que dá trabalho fazer aí a pessoa vai lá e não comenta tá p da vida te dá trabalho fazer esse acho aqui E aí ok e aqui eu vou ajeitar um pouquinho também bonitinha colocar aqui sentar gem parte 2 oi oi ó e aqui também colocava porcentagem oi oi E aí Cristiano em Ok na parte dos vídeos você duplicar o
texto coloca aqui aí claro que você vai mudar né o caso eu coloquei aqui ó depoimentos coloca depoimento do que os alunos estão falando nesse sentido né o preço é nesse sentido eu ia nos vídeos você só vai colocar ou o vídeo mesmo a miniatura do vídeo aqui por exemplo você pode colocar o vídeo menorzinho ou você coloca também onde a pessoa clica naquela imagem é um botão de né porque eu não combinei e Abri o vídeo aí esse vídeo pode abrir poupar outra nós pode mandar para outra página é o
sujeito que não mande outra página é a nossa objetivo do lançamento é manter a pessoa dentro da página Então você va i utilizar no máximo poupar Tá bom se você não quiser eu te dar os vídeos assim como eu estou colocando vai colocando aqui aí você vai colocando o nome das pessoas dividindo e quem vai separando organizando da melhor maneira mais utilizando né então por ação exemplo você vai deixar bonitinho que a as a estética é importante tem que manter um bom padrão visual traz até
confiança para pessoa que tá vendo também você deixa sólido deixar lá cor Oi aqui é não foi ai tô confia ndo em mim te pegar a cor azul vídeo borda por deixar cor mas se quiser dar um pede para ficar mais legal Dá um prédio em vai vir aqui Dinho por cento de aí olha que beleza E aí e para fechar agora mesmo a gente vem Facebook você procura aqui no seu elemento aumentar de Facebook essa parte de comentários Facebook só tem para quem tem a versão Pro ou se você tem outros polícia tem os clones
aqui também Podem trazer essa opção se você não tem a versão Pro que que você faz você vem a qui no campo HTML coloca colocar aqui HTML se se você não conseguir o campo html no agora não tô lembrado de você se essa versão também é só colar você vem aqui em texto por exemplo Eu nem penso Olá contexto Aí você vem aqui nessa parte onde está a visual onde você vai ser eu te se vem na minha texto aqui você cola o HTML e você vai puxar com já descritos do Facebook Deus tem que ir lá no Facebook e na
parte de comentar você digita aí ó em Bad comer Facebook em breve site comer Fac ebook digita assim que você vai encontrar aí no Google e você vai ter que ser esse código aqui tá bom É mais ou menos como eu fiz nesse caso aqui se você tem a versão Pro tem outro plugin você faz que nem eu ja enseri logo a parte do Facebook mesmo sem problema nenhum e aqui ele perde quantos comentários você quer exibir ordenar a tal alvo da URL página atual personalizados pode puxar os comentários de outras páginas
10 puxar o comentário dessa página aqui ó por exemplo Ah tá e e basi camente é isso aí vocês utiliza-se precisará utilizar vou botar atualizar vou ver se ele consegue puxar aqui comentários Eu acho que eu joguei sem querer aqui para o outro lado se jogar aqui Oh e vamos ver a página como tá ficando oi olha só a sua página de lançamento tá pronta que mais você pode inserir um super o poder passar as informações a lista de privacidades de coisa e esses outros adereços aqui essas mensagens como eu
coloquei aqui como eu coloquei também no lançamento já E xpert um pouquinho uma mensagem antes botão você pode fazer isso pode utilizar e a navegação você escolhe se tem em cima se você quer embaixo importante até a navegação e como se lembrar de alterar os dentes aí na hora que a pessoa na hora que você for publicando as novas aulas beleza basicamente a página de conteúdo de lançamento é essa você duplica altera o conteúdo sobre a proteção seguinte aqui no na URL ó eu vou copiar URL é do meu
lançamento do WhatsApp é pro xô ver ah tá se m a proteção acho que tá sem a proteção Aqui chovendo o expert se tem a proteção à e aqui tem a proteção e aqui na URL vou dar um zoom aí para você dar uma olhada veja que tá o curso web design vídeo 2 o ponto de interrogação aqui eu estou indicando que eu começo a chave né que eu vou começar a escrever é um parâmetro contente e aqui é a chave então ou seja para você proteger essa página de vídeo você pode inserir uma chave e só a pessoa tivesse a URL
com essa chave poder acessar por que isso porque às vezes a pessoa compartilha a página aqui do seu lançamento tá E aí as pessoas podem acessar sentar cadastrados é você não tem como comunicá-los sobre novos vídeos tem gente que deixa aberto tem gente que vai fechar depende aí da sua estratégia Eu pretendo Eu sempre gosto de fechar então quando a pessoa tenta acessar a página sem esse esse finalzinho aqui ela é direcionada para a página de cadastro e por exemplo aqui no caso prolongado por isso
que Ele identificou né Mas se eu não tivesse logado ele é redirecionado para a página de cadastro já até ver se funciona aqui para mostrar para vocês aí aba anônima ó e direcionou para uma página aqui que não encontrada né ele não achou a página ou sem o certo e você redirecionar para a página inicial tem uma pessoa sem a chave ela vai cair nessa página aqui Ah tá e aí ela se cadastrar E participar do seu lançamento sobre esse ponto nós temos aula exclusiva aqui no curso WP lamenta essas aulas é
com AD a gente fez no WordPress totalmente nos pés essa parte de chave de deixar o conteúdo protegido Então você também consegue fazer isso através de 8 prêmios se não precisa necessariamente só daquele serviço exclusivo aí sei lá que alguém Te indica dá para fazer também um elemento com os pés você vai mexer algumas coisinhas ali mas nada de impossível de fazer nada que você não consiga fazer Tá bom então se você aluno quer saber sobre isso as continuar assistindo aqui nesse módulo
de lançamento que você vai ter acesso essa parte de gerenciar de colocar a chave na sua página de lançamento se você ainda não é aluno e se inscreva Então acesse aí WP elementor. Com ponto br acesse nosso site Seja um aluno aqui do nosso curso Ok é isso espero que sala tecido para você deixa o like para fortalecer o canal se inscreva e ative as notificações compartilha precisa me falar dá para fazer em WordPress e precisa fazer só comprar tá o serviço não isso é que a gente nas outras
redes sociais principalmente está ganha o blog sempre com artigo para você e só dá em Cobé vou indo nessa estudar galucho sempre um forte abraço até mais Elementor Wordpress
0 Comentários