• Recursos
  • Modelos
  • Preços
  • Portuguese
  • Recursos
  • Modelos
  • Preços
  • Portuguese

Third-Party Plugins (44)

Estatísticas do bbPress
Profissional
Formulário de resposta do bbPress
Profissional
Índice do fórum do bbPress
Profissional
Formulário de fórum do bbPress
Profissional
Tags de tópico do bbPress
Profissional
Formulário de tópico do bbPress
Profissional
Fórum único do bbPress
Profissional
Tópico único do bbPress
Profissional
bbPress Resposta única
Profissional
Tag única do bbPress
Profissional
Carrossel do LearnPress
Profissional
Grade do LearnPress
Profissional
EDD Product Review Carousel
Profissional
Avaliações de produtos EDD
Profissional
Mini carrinho EDD
Profissional
Carrinho EDD
Profissional
Grade de categorias EDD
Profissional
Produto EDD
Profissional
Grade de cursos do Tutor LMS
Grátis
Totais de doações
Profissional
Dar Meta
Profissional
Give Histórico de doações
Profissional
Give Donor Wall
Profissional
Grade do formulário de doação
Profissional
Dar recibo
Profissional
Editor de portfólio do EDD
Profissional
Histórico do EDD
Profissional
Grade do calendário de eventos
Grátis
Grade de depoimentos
Grátis
Download do Monitor
Profissional
Galeria de portfólio / Grade
Profissional Popular
Perfil filantrópico
Profissional
Estatuto de caridade
Profissional
Registro de caridade
Profissional
Login beneficente
Profissional
Formulário de doação beneficente
Profissional
Doações filantrópicas
Profissional
Doadores filantrópicos
Profissional
Campanhas beneficentes
Profissional
Calendly
Grátis
Grupo BuddyPress
Profissional
Amigos do BuddyPress
Profissional
Membro do BuddyPress
Profissional
bbPress
Profissional
Ops! Seu widget pesquisado não foi encontrado! Você tem alguma ideia? Se sim, Enviar aqui

Olá a todos, neste artigo, vamos aprender a criar uma página de destino no WordPress usando o Element Pack e o Elementor Page builder. Não se trata de exemplos, mas de um passo a passo com dicas e truques para criar a página perfeita que você deseja.

Há várias maneiras de criar uma página de destino. Por exemplo:

  • Usar um plug-in de criação de página de destino no WordPress.
  • Software de funil de solução hospedada de terceiros, como Click funnels ou similar.
  • Usar um aplicativo criado para criar páginas de destino.
  • E de muitas outras maneiras.

Um plugin extra significa uma sobrecarga extra, enquanto o elementor com Element Pack pode trazer o recurso de 100 plugins apenas em 2 plugins. A solução de terceiros pode trazer alguns recursos extras, mas, novamente, pode limitá-lo com possibilidades ilimitadas que podem ser obtidas por meio do Element Pack e do Elementor. Neste artigo, descreveremos a maneira mais fácil de criar páginas de destino, o design extra do pacote de elementos que torna uma página de destino ainda melhor. Vamos orientá-lo no processo.

O que é uma página de destino?

Nada melhor, para começar a criar sua Landing Page, do que revisar rapidamente seus principais objetivos e recursos.

Landing Page: o elemento-chave para a conversão em seu site

A página de destino é uma página da Web que o usuário acessa para entrar em um site. Em termos de ação, ela é diferente de um site, um blog ou um artigo, porque essas páginas normalmente são vinculadas a sites externos e quase nunca são a página inicial de um site.

As Landing Pages diferem claramente em sua função de outros tipos de páginas da Web, pois têm um objetivo muito simples, geralmente orientado para uma única ação. Quando um usuário observa a página inicial ou a home page de um site, ele pode ver que há muitos links e diferentes ações a serem executadas na página. As páginas iniciais dos sites não são projetadas para que o usuário execute uma única ação específica. Até mesmo muitos sites corporativos se assemelham mais a um folheto voltado para a comunicação unidirecional. Por outro lado, os blogs são projetados para fornecer informações sobre vários tópicos que interessam aos usuários. Os blogs também têm links diferentes e há várias maneiras pelas quais o usuário pode navegar por eles.

O objetivo da página de destino

As páginas de destino geralmente têm um objetivo: obter uma conversão ou um lead. Essas páginas geralmente são eficazes quando o tráfego é conduzido a partir de anúncios ou de áreas específicas de uma página da Web ou blog relacionadas ao que o usuário está procurando.

Ele pode ser definido simplesmente como uma única página da Web que aparece em resposta a um clique em um resultado de pesquisa otimizado em um mecanismo de pesquisa ou em um anúncio on-line.

Quando você obtiver o tráfego em sua página de destino, poderá promover:

  • Seus produtos ou serviços;
  • Conteúdo para download, como um e-book ou um white paper, se você tiver uma estratégia de marketing de conteúdo;
  • Assine seu boletim informativo.
  • E assim por diante.

De fato, o objetivo da página de destino é converter seus visitantesO formulário de contato é uma ferramenta de marketing que fornece provas de que sua oferta tem valor para eles. Se o seu site estiver funcionando bem, os visitantes deixarão informações sobre eles preenchendo o formulário.

Noções básicas de uma página de destino que funciona

Embora todas as Landing Pages sejam diferentes, ainda notamos alguns elementos que aparecem de forma inevitável. Uma landing page, na maioria dos casos, não tem barra de navegação nem rodapé. O objetivo dessa página é manter o visitante nela, sem distraí-lo do restante do site, para que ele preencha seu formulário ou clique em sua chamada para ação. Em alguns casos, podemos ter um cabeçalho ou rodapé ou ambos. Isso depende dos requisitos/objetivos do site.

Uma página de destino também apresenta uma proposta de valor claramente estabelecida. Na forma de blocos de texto e, possivelmente, de tabelas que apresentam seus preços, você explica aos visitantes o que eles ganharão se preencherem seu formulário ou comprarem sua oferta.

Outro elemento fundamental de uma Landing Page: a presença de um formulário ou de uma chamada para ação, dependendo do formato da oferta promovida.

Portanto, a página de destino que criaremos terá os seguintes segmentos.

A página de destino que criaremos

A página de destino que vamos criar terá:

  • Seção superior do herói
  • Sobre a seção
  • Seção de recursos
  • Seção de depoimentos
  • Seção de preços
  • Formulário de chumbo

Itens necessários para criar essa página de destino:

Para criar a página de destino com êxito, você precisará de:

Vamos criar a página de destino usando Element Pack e Elementor

Primeira etapa: Configuração inicial

Antes do design real da nossa página de destino, precisamos definir os padrões para a nossa página de destino. Por padrão, quero dizer as cores primárias e secundárias, as fontes etc.

Para isso, temos que escolher o layout de página do elementor canvas.

Elementor Canvas

O layout de tela nos dá uma estrutura muito limpa para o nosso conteúdo. Depois de selecionar a tela, clique no botão salvar rascunho. Em seguida, clique no botão "Edit with Elementor" (Editar com Elementor).

Agora, nas configurações primárias, definiremos as cores e as fontes da nossa página de destino. Você pode selecionar qualquer fonte e cor que atenda às suas necessidades.

Landing Page in WordPress Default fonts

Você pode selecionar a cor desejada por meio das configurações do Color Picker. Dessa forma, você pode selecionar rapidamente a cor desejada sempre que precisar dela em sua landing page.

Segunda etapa: A seção Top Hero da página de destino

Nossa seção de herói superior conterá imagem de fundo, texto, ícones e botões para atrair a atenção do visitante.

A especialidade dessa seção será uma imagem de fundo completa da seção, ícones/imagem SVG para a seção com um título. E uma boa descrição com dois botões de chamada para ação.

Como o projetamos?

Pegaremos uma seção com 3 colunas 25/50/25

Em seguida, apresentaremos um histórico da seção.

Na coluna do meio, colocaremos algumas colunas internas para combinar com nosso design, como segue.

Landing Page Hero Section

Todo esse design está disponível como um bloco pronto no plug-in Element Pack Pro. Dê uma olhada aqui:

Como você usa o bloco pronto do pacote de elementos?

Após a compra e o download. Verifique a pasta de conteúdo de demonstração. Em seguida, vá para a pasta de blocos prontos. Vá até o bloco hero e importe o bloco desejado para nosso modelo elementor. 


Se você não souber como importar um modelo, assista a este vídeo.

Terceira etapa: A seção Sobre nós da página de destino

Nossa seção Sobre nós conterá 2 colunas. Uma delas terá um título com um parágrafo e um botão para o formulário de contato. A coluna seguinte terá uma imagem.

Como o projetamos?

Vamos pegar uma seção com 2 colunas 50/50

Na primeira coluna, usaremos um título e um bloco de conteúdo.


Na coluna final, colocaremos uma imagem para deixá-la bonita. A imagem deve refletir o trabalho em equipe.

Nosso design final será parecido com o seguinte:

Landing Page About Section

Esse design, juntamente com alguns outros designs atraentes e interessantes, está disponível em blocos prontos Element Pack Pro. Obtenha-o agora. Veja a demonstração aqui:

Deseja otimizar ainda mais seu site?

Em seguida, leia este artigo sobre Como acelerar um site WordPress . Você também deve ler sobre o Os melhores plug-ins de backup para WordPress para o caso de você bagunçar as coisas durante a otimização.

Quarta etapa: A seção de recursos da página de destino

Nossa seção de recursos conterá duas colunas. A primeira coluna terá um design baseado em barras de progresso e a coluna seguinte terá recursos com ícones e descrição simples

Como vamos projetá-lo?

Pegaremos uma seção com 24 colunas 50/50

Nosso design final será parecido com o seguinte:

Landing Page Features Section

Esse design, juntamente com alguns outros blocos prontos atraentes e interessantes, está disponível em blocos prontos Element Pack Pro. Obtenha-o agora. Veja a demonstração aqui:

Quinta etapa: A seção de depoimentos da página de destino

Teremos um título antes do início do depoimento propriamente dito. Nossa seção de depoimentos conterá 2 colunas. Cada coluna terá uma imagem e uma descrição. Esse será um design de caixa avançado

Como projetá-lo?

Vamos pegar uma seção com 2 colunas 50/50

Nosso design final será parecido com o seguinte:

Landing Page Testimonials Section

Descubra outras páginas prontas e blocos prontos incríveis oferecidos pelo Element Pack - Ultimate addons de que você precisará. Dê uma olhada na demonstração aqui:

Sexta etapa: A seção de preços da página de destino

Em nossa seção de preços, teremos 2 planos. Para isso, selecionaremos o módulo de tabela de preços. Primeiro, importaremos o design do conteúdo de demonstração do element pack pro. A partir daí, projetaremos o plano de preços de acordo com nossas necessidades.

Como alcançamos o design?

Vá para a página de conteúdo de demonstração de seus downloads do Element Pack Pro que você obteve do gerente de conta. Em seguida, importe o modelo e adicione-o a uma seção.

Nosso design final será parecido com o seguinte:

Landing Page Pricing Section

Descubra outras páginas prontas e blocos prontos incríveis para planos de preços oferecidos pelo Element Pack - Ultimate addons de que você precisará. Veja a demonstração aqui:

Sétima etapa: A seção do formulário de lead da página de destino

A parte do lead é muito importante. Colocamos um formulário de contato nessa seção. Você pode colocar qualquer ímã de lead, como o MailChimp ou outros.

Como o projetamos?

Vá para a página de conteúdo de demonstração dos downloads do Element Pack Pro que você recebeu do gerente de conta. Em seguida, importe o modelo de formulário de contato e adicione-o a uma seção. Depois de importado, adicione o widget do formulário de contato do Element Pack Pro na coluna da direita.

E atualizamos os textos na coluna da esquerda. Ah, esqueci de mencionar, adicionamos uma imagem de fundo na seção principal.

Nosso design final será parecido com o seguinte:

Descubra outras páginas prontas e blocos prontos incríveis para as páginas Formulário de contato e Lead oferecidos pelo Element Pack - Ultimate addons de que você precisará. Veja a demonstração aqui:

O projeto final

Aqui está nosso projeto final.

Para verificar a demonstração de funcionamento, visite o site:
 
 

Neste artigo, mostramos apenas alguns de nossos blocos prontos. Temos muitos! Temos uma enorme coleção de páginas prontas que também contém páginas de destino.

Confira-os em nosso Demonstração do Element Pack páginas. Divirta-se com suas ideias criativas por meio de páginas de destino. 

Compartilhe este blog:

Copyright © 2026 BdThemes. Todos os direitos reservados.

Money Transfer Logo