O que é mesmo uma landing page?
Se você está aqui, provavelmente já tem alguma ideia do que é uma landing page. Ainda assim, é importante esclarecer, só para ficarmos em sintonia. Em primeiro lugar, uma landing page, ou página de destino, não é uma página inicial. A página inicial é onde os visitantes chegam quando vão ao seu site: é a “casa” do seu site. As páginas iniciais têm muitos fins: direcionar os visitantes para outras páginas de seu site, fornecer a eles um local familiar para chegar, fornecer um hub central para comercializar sua marca e muito mais. Uma landing page é uma página única, que é desenvolvida para um fim muito específico: convencer os visitantes a fazer algo. Isso pode ser acessar mais informações, comprar um produto ou serviço ou visitar o site principal. Chama-se landing page, ou página de destino, porque é onde você quer que seus visitantes “aterrem” depois de clicar em um link ou anúncio.O que é uma landing page eficaz?
Vamos ver com um pouco mais de detalhes o que torna uma landing page eficaz. Se sua landing page é para converter visitantes, ela deve ter pelo menos esses três elementos:- Um título. Isso chamará a atenção de seus visitantes. Ele deve ser curto e direto.
- Um subtítulo. Um pequeno texto onde você explica aos seus visitantes como pode ajudá-los. Apesar de ter um pouco mais de espaço aqui para elaborar seu título, o subtítulo também deve ser curto e agradável.
- Uma CTA. Isso é a abreviação de “call to action” (chamada para ação). É o botão que você deseja que seus visitantes pressionem. Simples assim.
- Deve haver pouca ou nenhuma navegação. Uma landing page eficaz deve fazer de tudo para chamar a atenção para a sua CTA. Outros elementos de navegação podem distrair da sua CTA, e fazer você perder seus clientes potenciais. Embora existam páginas de destino eficazes que incluem elementos de navegação (por ex., o DoorDash), tente mantê-los no mínimo.
- Inclua elementos visuais interessantes. Você não quer saturar sua página com texto, mas precisa torná-la atraente de alguma forma. Imagens de alta qualidade são uma excelente forma de aumentar o interesse em seu serviço. Você ganha pontos de bônus se incluir vídeo.
- Inclua prova social. Você recebeu algum feedback positivo? Não tenha vergonha de compartilhá-lo em sua landing page. Nós, seres humanos, somos criaturas sociais. Se seus visitantes notarem que outras pessoas recomendam o que você está oferecendo, é mais provável que eles se interessem.
- Torne-a interativa (se apropriado). Deixar seus visitantes interagirem com seu site pode ser uma forma eficaz de aumentar o interesse deles. Testes, barras móveis e minijogos são elementos excelentes para incentivar os visitantes a clicar. Tenha certeza de que quaisquer elementos interativos estejam mesmo relacionados ao que você está oferecendo. Caso contrário, você corre o risco de irritar seus visitantes.
- Conheça seu público. O que você está oferecendo? É elegante? Energético? Tendência? Uma revista de jogos pode tirar proveito de um minijogo no navegador. Uma loja de velas, por exemplo, pode ter um pequeno questionário para ajudar os visitantes a encontrar a vela ideal. Tudo, desde as fontes até as cores de fundo, deve atrair seu público-alvo.
Método 1 – Use um criador de páginas WP
Antes de tudo, vamos esclarecer a diferença entre o WordPress.com e o WordPress.org. O WordPress.org é uma plataforma open-source para criar e gerenciar sites. Você já deve ter ouvido falar que aproximadamente um terço de todos os sites são executados no WordPress. Isso é verdade. Para usar o WordPress.org, é necessário ter um provedor de hospedagem na Web e um nome de domínio. Mas não se preocupe, isso parece mais complicado do que realmente é. O WordPress.com é a versão do WordPress que vem com hospedagem própria. Comparado ao WordPress.org, ele é muito mais parecido a um criador de sites tradicional. Ou seja, ele é mais fácil de gerenciar, mas também é mais limitado. Ambos os editores estão disponíveis em português. Vamos começar criando uma página de destino WordPress no WordPress.org. Se estiver interessado apenas em usar o WordPress.com, você pode avançar.Passo 1: obtenha uma hospedagem
Antes de começar, você deve ter um provedor de hospedagem onde possa instalar o WordPress e um criador de páginas. Se já estiver usando um para seu site principal ou loja online, mantenha-o, não é preciso complicar as coisas. Se ainda não possui um provedor de hospedagem, sugiro que leia nossa análise dos melhores provedores de hospedagem de 2024.
O processo de instalação do WordPress varia de acordo com seu provedor, mas não deve ser muito complicado em nenhum deles. Eu escolhi o Hostinger para minha página. O Hostinger tem planos especializados para hospedagem WordPress, por isso, tive apenas que criar uma conta e seguir as instruções em seu instalador automático.
Economize até 75 % no seu plano do Hostinger!
Oferta por tempo limitado - não perca!
Passo 2: instale seu criador de páginas
Agora que você tem o provedor de hospedagem certo, é hora de instalar seu construtor. Basta acessar o painel do WordPress, navegar até Plug-ins e clicar em “Adicionar novo”. Se já baixou um arquivo .zip para o seu criador, basta fazer o upload. Caso contrário, você pode procurar seu criador favorito na barra “pesquisar plug-ins” e clicar no botão “Instalar agora”. Usei o Elementor para minha WordPress landing page. No entanto, as etapas serão muito semelhantes, independentemente de seu criador de páginas. Se não sabe qual construtor usar, pode conferir alguns dos meus favoritos abaixo. Seja qual for o criador que você escolher, experimente algumas funções dele antes de começar. Assista a tutoriais do YouTube, crie páginas simuladas, etc. Você vai querer se familiarizar com a interface e as funções do seu criador antes de mergulhar nele.Passo 3: esboce sua página
Caso não tenha uma imagem clara do que deseja, poderá facilmente acabar com uma landing page confusa e sem ideia de como corrigi-la. Por isso, é importante ter um plano.
Comece fazendo uma maquete da sua landing page. Não há regras para esta parte. Você pode desenhá-la no Photoshop, MS Paint ou em um guardanapo. A única coisa que importa é que seja claro o suficiente para trabalhar em cima desse desenho.
Se não sabe por onde começar, você pode em qualquer momento conferir exemplos de ótimas landing pages em seu nicho. Pense em sua marca, estilo e para quem você está direcionando a página.
Para este exemplo, decidi criar uma landing page para uma livraria por assinatura, que envia sugestões personalizadas todos os meses. Além dos elementos básicos, optei por incluir um quiz que recomenda novos livros para o usuário.
Passo 4: escolha o modelo perfeito
Então, você escolheu um provedor de hospedagem, instalou o WordPress e colocou seu criador de páginas em funcionamento. Está pronto para continuar com a parte divertida, certo? Quase. Você ainda precisa escolher um modelo. Claro, você pode partir de uma página em branco e começar a criar a partir daí, mas a quantidade de decisões de design que terá que tomar (elementos como fontes, cores, animações e designs de plano de fundo) pode surpreender você. Quanto mais um modelo existente corresponder ao seu design ideal, menos trabalho você terá para dar vida à sua visão. O WordPress.org tem uma enorme galeria de modelos para você escolher. Seu criador de páginas também pode vir com uma variedade de opções incorporadas. Se ficar sobrecarregado, nossa lista dos melhores modelos de página de destino em 2024 pode ajudar. Comecei com o tema Online Life Coach do Elementor. Apesar de eu tê-lo adaptado para um propósito diferente (faça do seu jeito, não precisa seguir o que eu digo), suas fontes elegantes e elementos bem organizados foram um ótimo ponto de partida.Passo 5: Personalize sua página
O processo exato de personalização de uma landing page será diferente para todo mundo. Pessoalmente, gosto de começar com os aspectos gerais e ir avançando nos detalhes. Para editar usando o Elementor, basta acessar o painel do WordPress, criar uma nova página e escolher “editar com o Elementor”. Você verá um menu com várias opções de widgets. Clique no menu de hambúrguer no canto superior esquerdo (as três linhas horizontais) e depois em “Configurações do site”. Aqui, é possível personalizar os aspectos mais gerais de sua página, como fontes globais, cor de fundo e muito mais. Ao terminar, clique nos pequenos quadrados no canto superior direito do menu. Será apresentada uma série de widgets que você pode incluir em seu site. Os Widgets básicos incluem elementos como texto, imagem e vídeos. Decidi fazer upgrade do meu plano para o Elementor Pro para desbloquear widgets mais interessantes, como títulos animados e carrosséis de mídia. De qualquer forma, é possível simplesmente arrastar e soltar qualquer widget para onde você deseja que ele apareça em sua página. Então, você pode clicar em seu widget para abrir o menu de widgets. Dependendo do widget, você pode personalizar itens como cores, bordas e até mesmo animações. Para minha própria página, comecei mudando as cores do plano de fundo e removendo os elementos desnecessários do meu modelo. A seguir, editei o cabeçalho, subtítulo e criei um espaço onde era possível adicionar um questionário. Queria que minha landing page fosse o mais simples possível. Por isso, excluí a maioria dos itens roláveis na página. Deixei apenas os elementos pré-fabricados para prova social e uma pequena seção “Sobre nós”, que alterei para combinar com o estilo que eu queria. O quiz demorou um pouco mais. Felizmente, o Elementor vem com um widget de formulário integrado, por isso, foi bastante simples. Se estiver usando outro construtor, você encontrará vários plug-ins de formulário que podem ser instalados em sua página.Os melhores criadores de páginas para landing pages
Há muitos (e quero dizer muitos) construtores de páginas para WordPress. Até mesmo uma lista dos melhores ocuparia muito espaço. O que posso fazer é mostrar para você rapidamente os meus favoritos absolutos.
Elementor
O Elementor é um dos construtores de páginas mais populares para WordPress e, isso, é justificado por boas razões. O Elementor oferece edição poderosa de arrastar e soltar de graça . O processo de aprendizado para dominar seus recursos mais interessantes pode levar algum tempo, mas o Elementor é extremamente poderoso quando você se acostuma a usá-lo. Alguns de seus melhores recursos para landing pages são:- Milhares de temas de terceiros. Há milhares de temas compatíveis com Elementor na Web. Entre eles, muitos ótimos temas de páginas de destino para todos os orçamentos.
- Funcionalidade escalável. O plano gratuito do Elementor não é de jogar fora. Ainda assim, se estiver procurando ainda por mais recursos, os planos Pro e Expert oferecem preços razoáveis e ferramentas incríveis, como o criador de temas e um construtor de pop-ups avançado.
- Edição CSS personalizada. A partir do plano Pro, você recebe a capacidade de editar praticamente todas as partes do seu site com código personalizado. Será necessário algum conhecimento técnico, mas as possibilidades são infinitas.
Divi
O Elegant Themes do Divi é uma opção flexível para construir todos os tipos de sites. O editor de módulos é incrivelmente fácil de usar, apesar da ampla gama de opções de personalização que oferece. E se preferir a edição de back-end, o Divi também suporta isso.
Alguns dos melhores recursos do Divi são:- O editor de módulo. Se quiser editar um elemento, tudo o que precisa fazer é clicar nele. As muitas opções de personalização serão exibidas diretamente por cima do elemento.
- Pacotes de layout incríveis. O Divi oferece mais de 250 pacotes de modelos (que são chamados de pacotes de layout) para ajudar você a criar qualquer tipo de página.
- Facilidade de uso incrível. Há poucos criadores de páginas tão fáceis de usar quanto o Divi.
SeedProd
O SeedProd é o único criador de páginas nesta lista desenvolvido especificamente para landing pages. Ele é intuitivo de usar, e os resultados são impressionantes. Ele é excelente se você estiver procurando por uma versão mais focada na landing page do Elementor, uma vez que as interfaces de ambos os construtores são muito semelhantes. O SeedProd oferece excelentes recursos, como:- Conexões ultrarrápidas. Graças ao layout simples e widgets responsivos, leva apenas alguns minutos para criar uma landing page fantástica com o SeedProd.
- Modelos de alta qualidade. Dependendo do seu plano, o SeedProd oferece mais de 180 modelos personalizáveis e de alta qualidade.
- Gerenciamento de assinantes. As ferramentas de gerenciamento de assinantes do SeedProd permitem que você acompanhe o crescimento de assinantes e fornece dados visuais sobre seus números de assinatura.
Beaver Builder
O Beaver Builder é um criador de páginas simples e baseado em módulos. Embora o foco dele seja a criação de páginas para sites de agências, sua interface fácil de usar e grande variedade de modelos o tornam agradável para qualquer pessoa. O Beaver Builder oferece:- Edição incrivelmente responsiva. Ao fazer alterações em seu site, praticamente não há atraso no editor.
- Edição fácil de botões. O Beaver Builder oferece todos os recursos necessários para ajustar um botão clicável (um elemento especialmente importante na maioria das landing pages).
- Centro de suporte enorme. Caso se perca, o Beaver Builder oferece centenas de tutoriais em vídeo para ajudá-lo a voltar para os trilhos.
Método 2 – Use o editor Gutenberg do WordPress
Se estiver usando o WordPress.com, você precisar ter assinado o plano Pro para instalar um criador de páginas (ou qualquer plug-in). Além disso, a maioria dos criadores de páginas esconde suas melhores ferramentas atrás de um paywall. Assim, os custos podem aumentar rapidamente. A boa notícia é que todos os planos do WordPress trazem o editor Gutenberg, um editor de blocos simples para criar sites facilmente. Apesar de ser mais limitado do que muitos outros criadores, você ainda pode usá-lo para criar uma landing page eficaz e por pouco ou nenhum dinheiro. Veja como:Passo 1: crie uma conta do WordPress.com
Para começar, tudo o que você precisa fazer é acessar o WordPress.com e clicar em “começar”. Você terá que inserir seu nome, e-mail e criar uma senha.Economize até 55 % no seu plano do WordPress.com!
Oferta por tempo limitado - não perca!
Passo 2: planeje sua landing page
Esse é praticamente o mesmo conselho de antes, com a diferença de que agora você deve considerar as limitações do editor Gutenberg ao planejar seu design. Não planeje uma página com animações complexas e fundos dinâmicos e… não sei, efeitos de partículas? Com o Gutenberg, você terá que se contentar com o básico. No entanto, não deixe isso desencorajá-lo. Uma boa página de destino não precisa de muitos elementos sofisticados. Tudo o que você precisa é de uma CTA forte e uma identidade distinta.Passo 3: escolha seu tema
Agora que você já tem um roteiro para a sua página, é hora de escolher um tema. Vá para o painel do WordPress.com, clique em Aparência e depois em Temas. Escolha o tema que melhor se adapte ao design que você tem em mente. Os temas no WordPress.com são desenvolvidos para diferentes fins. Em vez de se focar em cores e estilos de texto (você pode alterar isso em qualquer momento mais tarde), encontre um tema otimizado para sua estrutura ideal.Passo 4: conheça o Gutemberg
Quando você edita seu site pela primeira vez, o WordPress.com oferece um tour rápido pelo editor Gutenberg. Essa é uma ótima oportunidade para retocar os elementos básicos. Eu também recomendo muito experimentar um pouco antes de começar a criar sua página. Tente adicionar e remover blocos, apenas para ver o que eles fazem. Para personalizar sua página, acesse seu painel, Aparência e, em seguida, Editor. Lá, você pode começar a adicionar e modificar diferentes blocos para que eles atendam às suas necessidades. Para mudar aspectos mais gerais da aparência de seu site, como, por exemplo, cor de fundo, design do título e fontes, clique no botão “estilos” no canto superior direito. O que você pode e não pode personalizar vai depender do tema que escolheu.Passo 5: edite sua página
O WordPress.com separa os blocos em categorias diferentes, como mídia, texto e design. Os blocos de design são particularmente úteis, uma vez que eles permitem editar o layout básico de seu site. Separar seu site em colunas, grupos e espaços personalizados pode ajudar você a criar um design coeso. Se precisar adicionar um elemento, basta ir ao canto superior esquerdo e clicar no sinal de mais. O WordPress.com oferece muitos blocos básicos. No entanto, seus melhores recursos serão aqueles para adicionar e personalizar títulos, imagens e parágrafos. Se precisar personalizar um bloco, clique no botão “Opções” (mostrado como três pontos), que aparece no canto superior direito e clique em “Mostrar mais configurações”. Dependendo do bloco, você verá diferentes opções de personalização que pode usar para alterar seu design. Você também pode usar o que o WordPress.com chama de “Padrões”. Os padrões são coleções pré-criadas de blocos que você pode usar para incluir ferramentas comuns à sua página. Há padrões para inserir CTAs, blocos de contato, seção “Sobre nós” e muito mais.Método 3 (Bônus) – Abandone o WordPress para usar uma solução mais fácil
Ei, pergunta rápida. Por que exatamente você quer usar o WordPress? Não me entenda mal, o WordPress é uma plataforma incrível com muito a oferecer, mas ele não é a única forma de criar uma landing page. Há muitos criadores de sites no mercado, que permitirão que você crie uma landing page eficaz na metade do tempo. E apesar de ser verdade que eles não conseguem se igualar ao WordPress em termos de escalabilidade, para uma landing page, isso não é preciso. Por isso, como bônus, aqui está um guia rápido para criar uma landing page usando um criador de sites.Passo 1: escolha um criador de sites
O melhor criador de sites para as suas necessidades dependerá do que você precisa em termos de recursos, facilidade de uso e flexibilidade de design.
Para landing pages, minhas principais recomendações são:- Wix. O Wix oferece flexibilidade de design incrível graças ao seu editor de arrastar e soltar gratuito. Ele é muito fácil de usar, por isso, leva apenas alguns minutos para você se acostumar. Ele também inclui muitos recursos animados de aparência legal e elementos pré-criados, que você pode usar para incrementar sua página.
- SITE123. O SITE123 é um dos criadores de sites mais fáceis do mercado. Com o SITE123, qualquer pessoa pode criar uma landing page em questão de minutos, independentemente da experiência que tenha. Ele também é responsivo a dispositivos móveis, assim, você poderá ter certeza de que sua página ficará tão boa no celular quanto no computador.
- Squarespace. O Squarespace é uma opção incrível para páginas que priorizem os elementos visuais, chamam a atenção para elementos específicos e recebem interações. Eu poderia ter dito apenas landing pages. Recomendo o Squarespace se você quiser um design elegante e dinâmico que faça a maior parte das explicações para você.
Passo 2: planeje seu design e escolha um modelo
Sim, isso de novo. Não vou entrar em muitos detalhes porque as etapas são as mesmas de antes. Planeje a estrutura de sua página com antecedência e escolha um modelo parecido com ela. O Wix tem uma biblioteca com mais de 800 modelos de alta qualidade (35 são feitos especificamente para landing pages). Por isso, não deve ser muito difícil encontrar a base perfeita para o seu design. Os criadores de sites oferecem muito mais liberdade de design do que o editor Gutenberg. Alguns até oferecem criadores de landing page dedicados. Eles também são muito mais fáceis de usar. Por exemplo, o editor de arrastar e soltar do Wix facilita a alteração da aparência e da funcionalidade de seu modelo da forma que você desejar.Passo 3: comece a editar
Comece alterando as cores e a tipografia de seu tema para o estilo que mais combine com você. Para isso, basta ir ao menu à esquerda e clicar em “design do site”. Lá, você pode começar a excluir elementos que não precisa, bem como adicionar novos. Para navegar pelos elementos, basta clicar no sinal de mais no canto superior esquerdo. O Wix disponibiliza para você mais de 20 categorias de elementos, desde texto e elementos decorativos até recursos de loja e um recurso de blog. Para adicionar um elemento, basta clicar nele e soltá-lo onde você desejar na página. Sugiro que você aproveite ao máximo a grande variedade de efeitos dinâmicos que o Wix oferece, como animações e transições. Eles são uma excelente forma de adicionar interesse visual à sua página e manter os visitantes envolvidos. Para editar as propriedades de um elemento, você só precisa clicar nele. Dependendo do elemento, você verá botões para diferentes menus. Nesses menus, você pode editar conteúdo, adicionar animações personalizadas e muito mais. Lembre-se de visualizar as diferentes versões de seu site para garantir que ele funcione bem em dispositivos móveis e desktop. Com alguns ajustes, você terá uma landing page incrível em pouco tempo.Passo 4: publique sua página
Para publicar sua página, você vai precisar registrar um domínio para ela, mesmo que seja apenas a versão gratuita fornecida pelo Wix. No entanto, não se preocupe, a maioria dos criadores de sites trazem um registro de domínio integrado, que facilita a colocação do seu site online.O Wix agora está custando apenas $11.00 por mês!
Não perca esta oferta incrível!