Como Criar uma Landing Page no WordPress Sem Construtor

Veja como criar uma landing page no WordPress: monte uma página com um único objetivo, tire dela o cabeçalho e o rodapé do site e monte tudo com padrões de blocos dentro de um tema de blocos. Uma primeira versão limpa leva uma tarde. O que decide se a página converte não é a ferramenta usada para construí-la, e sim o que você deixa de fora.

Este folio cobre a construção na ordem em que um praticante a faria: o objetivo, o modelo, as seções, o formulário, o orçamento de velocidade e as verificações antes do lançamento.

O que torna uma landing page diferente de qualquer outra página?

Uma landing page tem um único trabalho. O visitante chega por um anúncio, um e-mail ou um resultado de busca, e a página pede exatamente uma ação: cadastrar-se, agendar uma conversa, baixar um arquivo, comprar.

Todo o resto é distração. Isso inclui o menu principal, a barra lateral, o feed do blog e o rodapé com vinte links. Numa página comum, tudo isso ajuda as pessoas a explorar. Numa landing page, são saídas.

O número que vale conhecer vem do Unbounce, cujo relatório de benchmark de conversão aponta uma mediana de 6,6% de conversão em landing pages, considerando todos os setores. Trate isso como referência de sanidade, não como promessa. Uma página abaixo de 2% geralmente tem um problema na oferta, na velocidade ou no formulário, não na cor do botão.

Escreva o objetivo em uma frase antes de abrir o editor. "Visitantes da newsletter de março agendam uma auditoria de 20 minutos." Se você não consegue escrever essa frase, ainda não está pronto para construir.

Com qual ferramenta construir a página?

Há quatro opções honestas, e cada uma serve a um tipo diferente de projeto.

O editor de blocos nativo com um tema de blocos é a opção mais leve. Você tem marcação limpa, nenhuma dependência extra e padrões reutilizáveis no próximo site de cliente. Ele exige mais decisões de layout de você. Se estiver comparando com um construtor visual, nossa comparação entre Gutenberg e Elementor traz números sobre essa troca.

Um construtor de páginas oferece mais controle visual e uma biblioteca de modelos, ao custo de uma saída mais pesada e de um plugin do qual você passa a depender. O Divi é o exemplo tradicional, e serve bem a uma agência que cria muitas páginas e quer um único conjunto de ferramentas familiar.

Um gerador de sites com IA monta uma página inteira a partir de um prompt. O 10Web faz isso dentro do WordPress, e o rascunho que produz é um bom ponto de partida. Espere editar o texto e ajustar a estrutura depois. Explicamos até onde isso funciona em IA para WordPress.

Uma ferramenta hospedada de landing page fica fora do WordPress. O Webflow é uma dessas opções, com forte controle visual e hospedagem própria. Vale o custo se a página ficar separada do seu site WordPress. Não vale se a página precisar compartilhar o tema, o analytics e a estrutura de domínio.

O restante deste guia usa o editor nativo, porque é a opção que mais ensina e a que custa menos. Os passos se aplicam a qualquer construtor.

Como montar a página e enxugá-la?

Crie a página em Páginas, Adicionar nova. Dê a ela um título simples que corresponda à oferta e defina um slug curto. Um slug como /auditoria vence /landing-page-marco-v2 todas as vezes.

Agora cuide do modelo. Um tema de blocos permite atribuir um modelo a cada página, e uma landing page precisa de um modelo sem cabeçalho, sem rodapé e sem bloco de título. Muitos temas de blocos trazem um modelo chamado "Em branco" ou "Página sem título". Se o seu não tiver, abra o Editor do site, vá em Modelos, adicione um modelo personalizado e monte-o a partir de um único bloco de Conteúdo do post.

Esse modelo é o item mais útil que você vai criar neste projeto. Dê a ele o nome "Landing" e reutilize-o em todas as páginas de campanha do site.

Confira a largura do layout no theme.json. Landing pages se leem melhor em uma coluna estreita para o texto, com blocos largos reservados para o hero e para a seção de provas. Se o seu tema define uma largura de conteúdo e uma largura ampla, use as duas de propósito: o texto na coluna estreita, imagens e colunas na larga.

Marginalia: a atribuição de modelo descrita aqui funciona no WordPress 6.5 e em versões mais recentes. Temas de blocos mais antigos expõem a função em outro menu.

Quais seções a página realmente precisa ter?

Menos do que a maioria dos modelos sugere. Uma página que pede uma única ação precisa de uma sequência curta, e cada seção responde a uma pergunta que o visitante tem.

Monte estas seções nesta ordem, como padrões que você pode salvar e reutilizar:

• Um hero com a promessa, uma linha de apoio e o botão.

• Prova logo no início: a citação de um cliente, um número ou um trabalho conhecido de clientes.

• A oferta em três pontos curtos, escritos como resultados.

• O formulário ou o segundo botão.

• Um bloco curto com respostas para as duas objeções que você mais ouve.

Use um bloco Capa ou Grupo para o hero, com um Título, um Parágrafo e um bloco Botões. Mantenha a manchete em uma promessa que um desconhecido consiga ler em três segundos. Diga o que é e diga o resultado. Evite a esperteza que exige uma segunda leitura.

Escreva o rótulo do botão como a própria ação: "Agendar a auditoria", "Baixar o checklist". Rótulos genéricos como "Enviar" custam o contexto que a manchete construiu.

Se você usa uma ferramenta de rascunho com IA, use-a para a primeira versão do texto e para variações da manchete, e depois leia cada linha você mesmo. Ela inventa provas que não tem. Nunca deixe um depoimento ou uma estatística gerada chegar à página sem conferência, porque uma citação fabricada numa landing page é o caminho mais rápido para perder a confiança.

Quando uma seção funciona, selecione-a e escolha Criar padrão no menu de blocos. Na campanha seguinte, você monta a página a partir dos seus próprios padrões em dez minutos, em vez de reconstruí-la.

Como o formulário deve ser construído?

O WordPress não traz um bloco de formulário no núcleo, então esse é o único ponto em que você precisa de um plugin. Qualquer plugin de formulário mantido serve. O que mais importa é o formato do formulário.

Peça apenas o que você precisa para fazer o acompanhamento. Para uma newsletter ou um download, um endereço de e-mail basta. Para um agendamento, no máximo um nome e uma pergunta de qualificação. Cada campo extra custa conversões, e você pode perguntar o resto depois do primeiro contato.

Coloque o formulário onde a decisão acontece. Numa página curta, isso significa logo abaixo da oferta. Numa página mais longa, repita o botão depois da seção de provas e faça-o apontar para o mesmo formulário.

Depois, configure a parte que as pessoas esquecem: o estado de agradecimento. Redirecione para uma página curta de confirmação, ou mostre uma mensagem na própria página, dizendo o que acontece em seguida e quando. Adicione ali o evento de analytics, para que a conversão seja contada na confirmação, e não no clique.

Por fim, teste o formulário pelo celular, com um endereço real, e confirme que o e-mail chega. Uma landing page com formulário quebrado é pior do que não ter página, porque consome o orçamento de anúncios e não devolve nada.

Qual deve ser a velocidade da página?

Mais rápida do que o restante do seu site. Visitantes vindos de anúncios ainda não têm fidelidade com você, e uma primeira tela lenta encerra a visita antes que a manchete seja lida.

A orientação do Google sobre o Largest Contentful Paint considera 2,5 segundos ou menos como bom. Numa landing page, o maior elemento costuma ser a imagem principal ou o bloco do título, então é por ali que você deve começar a olhar.

Uma lista curta, em ordem de impacto:

• Comprima a imagem principal e sirva-a em WebP, no tamanho em que ela é exibida.

• Não use lazy-load na primeira imagem da página. O núcleo do WordPress evita isso para a imagem esperada acima da dobra, mas confirme no HTML renderizado, principalmente se houver um bloco Capa.

• Hospede uma ou duas fontes e remova os pesos que não usa. Uma fonte variável substitui vários arquivos por um só.

• Carregue scripts apenas onde são necessários. Um plugin de formulário que carrega em todas as páginas deve ser limitado à página que contém o formulário.

• Evite controles deslizantes, vídeos com reprodução automática e animações pesadas acima da dobra.

Meça antes e depois com o PageSpeed Insights na URL publicada, com as configurações de celular. Faça isso com o cache ativado, como um visitante veria. Para o conjunto mais amplo de correções, como acelerar um site WordPress as ordena por impacto, e a auditoria de campo de desempenho do WordPress mostra como ler os números.

A página funciona no celular e no idioma do seu leitor?

A maior parte do tráfego de anúncios e e-mails chega pelo celular, então projete primeiro a tela estreita e verifique a larga depois. Abra a página em um aparelho de verdade. Observe o tamanho do botão, o espaçamento entre os alvos de toque e se o formulário abre o teclado certo para cada campo.

Leia a página com layout espelhado se algum do seu público lê da direita para a esquerda. Leitores de árabe e hebraico esperam que o hero, o botão e o formulário fluam a partir da direita. Temas de blocos com folhas de estilo RTL adequadas resolvem a maior parte, mas teste o espaçamento, o posicionamento dos ícones e o estilo das citações na visualização espelhada.

Escolha uma tipografia com glifos reais de árabe ou hebraico, e não uma fonte de substituição. Uma página que parece bem acabada em inglês e desalinhada em árabe mostra a todo o público que a oferta não foi escrita para ele.

Se você atende dois idiomas, crie duas landing pages separadas, cada uma com seu próprio texto. Não traduza a manchete palavra por palavra. Uma promessa que funciona em um idioma muitas vezes precisa de outra forma no outro.

O que verificar antes de publicar?

Passe por esta lista na página publicada, deslogado, em uma janela privada:

• A página tem um objetivo e um botão principal, repetido no máximo duas vezes.

• O cabeçalho, o rodapé e a barra lateral sumiram.

• O título, a meta descrição e a imagem para redes sociais estão definidos e combinam com o anúncio que traz as pessoas até aqui.

• O formulário é enviado, a tela de agradecimento aparece e a conversão é registrada.

• A página passa em um teste de velocidade no celular e se lê bem em 360 pixels de largura.

• Todas as imagens têm texto alternativo, e o contraste do texto do botão é legível.

Depois decida se a página deve ser indexada. Uma página criada para uma campanha paga pode receber uma tag noindex para não competir com as suas páginas principais. Uma página que deve ranquear pertence ao sitemap e merece um título de busca bem trabalhado.

Depois do lançamento, mude uma coisa de cada vez. Reescreva a manchete primeiro, já que ela pesa mais, e dê a cada versão visitantes suficientes antes de julgá-la. Duas semanas de tráfego constante dizem mais do que dois dias de empolgação. Na prática, comece com a frase de objetivo único, o modelo Landing e cinco seções. Deixe o construtor de páginas para depois, até o editor nativo deixar de bastar. Concentre o esforço na oferta, na manchete e na velocidade, porque são eles que mexem no número. Abra o Editor do site, dê ao modelo o nome Landing e monte o hero antes de qualquer outra coisa.