Como fazer uma landing page: passo a passo [GRÁTIS]

Extensão plano basic

Se você é um produtor de conteúdo digital, provavelmente já deve ter escutado falar sobre como é importante fazer uma landing page para atrair novos clientes, não é verdade? Afinal, essa é uma ferramenta indispensável para obter sucesso no marketing digital.

Mas você sabe como fazer uma landing page? Conhece as melhores práticas para criar uma página de alta conversão?

Se a resposta for “não”, mas você acredita que precisa escalar os resultados do seu infoproduto, então este conteúdo é para você. 

Acompanhe o passo a passo neste artigo e veja como é possível incluir essa ferramenta no seu planejamento de vendas mais rápido do que você imagina. Boa leitura!

Crie uma conta gratuita na HeroSpark e aprenda na prática

O que é uma landing page?

As landing pages, também chamadas de páginas de destino ou de aterrisagem, são páginas que possuem todos os elementos voltados à conversão do visitante em lead, oportunidade ou cliente.

Os tipos de landing page mais comuns no mercado são:

  • Página de captura: disponibiliza algum material gratuito e um formulário de cadastro. Quando o visitante faz o cadastro, ele é redirecionado para outra página.
  • Página de agradecimento: sequência da página de captura. É onde a pessoa que preencheu o cadastro recebe o acesso ou link para download do material gratuito.
  • Página de vendas: página de oferta de um produto que contém informações sobre ele e sobre o seu pagamento, bem como o link para compra.

Quanto custa fazer uma landing page?

O preço para criar uma landing page varia muito. 

Basicamente, existem duas formas de criar uma página de captura: uma complexa e de alto custo, e outra totalmente gratuita e intuitiva.

A primeira delas é contratando um programador, que pode estruturar uma página na web conforme a sua necessidade, como:

  1. Gerar leads
  2. Agradecimento
  3. Oferta direta
  4. Página de vendas

Você não tem nenhum esforço, mas é mais caro e demorado. Afinal, contratar um programador exige um bom investimento e muitas horas de trabalho. 

Atualmente, é possível encontrar serviços de criação de landing page com preços que variam de R$497 a R$7.900.

A segunda forma de como criar uma landing page é pela ferramenta da HeroSpark. Com ela, você também pode criar uma página conforme a sua necessidade, de acordo com as quatro opções citadas acima, mas não precisa saber programar. 

Basta realizar seu cadastro e usar os layouts e ferramentas gratuitas para criar landing page conforme a sua necessidade. E o melhor: você pode editar sempre que quiser.

Como fazer uma landing page na HeroSpark?

Aprenda a fazer uma landing page na prática

Para acompanhar e fazer o passo a passo abaixo, você precisará de uma conta GRATUITA na HeroSpark. O ideal é seguir o passo a passo dentro da plataforma. Assim, aprende melhor mais rápido!

Criar a conta gratuitamente

Uma das funcionalidades da HeroSpark é o construtor de landing pages, que está dentro da área “Funis”, localizada na lateral esquerda da plataforma. 

A seguir, você encontra um passo a passo detalhado de como fazer uma landing page na plataforma. Mas, caso você prefira, pode acompanhá-lo neste vídeo:

Abaixo, confira um checklist rápido de como fazer uma landing page na HeroSpark:

  1. Crie um Funil de Captura ou de Oferta Direta e dê um nome para identificar seu projeto.
  2. Edite sua landing page adicionando sua logo, título e a descrição do produto.
  3. Ajuste as cores do template de acordo com a identidade visual do seu produto. Aposte no contraste. 
  4. Configure o botão CTA. 
  5. Insira conteúdo visual para tornar a página mais atraente.
  6. Adicione os links de suas redes sociais nos ícones do rodapé.
  7. Edite o formulário de acordo com sua oferta (se for página de captura) ou valor do produto (se for página de vendas).

Veja detalhes do passo a passo abaixo!

Para criar um novo funil, clique em “Novo Funil”, na parte superior direita da tela. Você será levado para a página abaixo:

Para iniciar a construção do seu funil, você deve:

  1. Definir qual é o seu objetivo (é possível escolher até dois objetivos para começar);
  2. Depois de escolher o seu objetivo, clique em “Comece aqui”;
  3. Na página a seguir, você encontrará várias opções de funis, com diversas etapas, formatos e estratégias;
  4. Escolha o funil de sua preferência e clique em “Usar funil”;
  5. Dentro do funil, chegamos ao momento de iniciar a criação da sua página de captura. Clique em “Editar página” para iniciar o processo.

Você pode usar os templates prontos, ou, se tiver mais experiência, editar da maneira que quiser dentro da plataforma. 

Os templates prontos são testados e alcançam bons números, como 90% de conversão para alguns clientes. Isso significa que, a cada 10 pessoas que acessaram a landing page, 9 baixaram o material e se tornaram leads. Incrível, não é mesmo?

Quais são os elementos principais de uma landing page?

Título e apresentação

São as informações que o leitor lê primeiro, porque aparecem no topo da página.

Para editar as informações da landing page na HeroSpark, basta apagar os textos que já existem e inserir os que façam sentido para o seu negócio, como no exemplo abaixo:

Como você pode ver na imagem, nessa primeira parte, você pode adicionar:

  • Logo;
  • Título;
  • Subtítulo (explicação rápida sobre o produto);
  • Imagem do e-book ou de algum outro produto.

Informações adicionais sobre seu produto digital

Nossa sugestão é que você crie um resumo de 2 a 3 parágrafos sobre o seu produto. No caso do e-book, por exemplo, essa apresentação pode ser dividida em capítulos.

Com relação ao texto, você pode editar:

  • Fonte;
  • Cor;
  • Tamanho;
  • Palavras com negrito, itálico, sublinhado, etc.

Esse é um formato testado e que dá certo, pois mantém as informações claras e organizadas. Porém, fique à vontade para editar conforme a sua necessidade.

Apresentação do autor

Tela com foto de um homem e a descrição da trajetória de um professor. Este é o quarto passo de como criar uma landing page na HeroSpark

Aqui é o momento de você se apresentar como professor, profissional ou produtor de conteúdo. Para isso, adicione:

  • Seu nome;
  • Área de atuação (opcional);
  • Foto com alta qualidade;
  • Breve resumo sobre sua trajetória profissional.

Lembre-se de utilizar técnicas de copywriting para se posicionar como uma referência no segmento e obter bons resultados.

Se quiser, você pode alterar a cor de fundo da seção, ajustar largura, altura, entre outros detalhes de layout.

Formulário

O formulário é a chave de uma landing page. Afinal, o visitante o preenche para ter acesso a uma oferta específica. Logo, com ele, você vai recolher dados importantes sobre a pessoa. 

Mas, atenção: não exagere na quantidade de informações pedidas. Quanto mais campos o formulário tiver, menores são as chances de conversão. 

Se você seguir essa estrutura, conseguirá aproveitar o tráfego orgânico ou pago de sua página para converter os visitantes em leads.  

Assim, com os leads adquiridos, você:

  • Poderá entender mais quem é o tipo de pessoa que acessa sua página; 
  • Conseguirá o contato dela para enviar fluxos de e-mail marketing;
  • Terá a possibilidade de criar uma relação mais próxima;
  • Mostrará a autoridade de sua empresa ao oferecer conteúdos originais ou qualquer outro tipo de oferta na landing page.

Call to action

A chamada para ação é um elemento importante para a conversão da landing page.

O exemplo padrão utilizado pela HeroSpark é a frase “Não perca essa chance e garanta esse conteúdo agora mesmo”. Mas você pode usar a criatividade para pensar em outras frases que instiguem seu público a clicar no botão.

Imagem com o texto "não perca essa chance e garanta esse conteúdo agora mesmo", e um botão escrito "receber conteúdo gratuito". Último passo de como fazer uma landing page na HeroSpark

Rodapé

Logo abaixo, teremos o rodapé, que é onde será aplicada mais uma vez a sua logo, além de botões para redes sociais, como Instagram, Facebook e YouTube.

Mas é claro que a landing page deve ser ainda mais extensa e completa, principalmente na HeroSpark, que oferece vários recursos para o infoprodutor! 

No menu esquerdo, você pode adicionar outras seções à página. Nele, temos duas opções: 

  • “Adicionar seção pré-configurada”: seções pré-prontas
  • “Adicionar seção”: formatos que vão de 1 a 4 colunas para você configurar conforme o seu objetivo.

Suponhamos que você deseje compartilhar os depoimentos de clientes na landing page. Para isso, basta clicar em “Depoimentos”, configurar com a foto e nome do seu aluno ou cliente e adicionar o texto do depoimento. 

Para escolher onde a seção de depoimento ficará posicionada na página, basta arrastá-la e colocá-la entre as seções desejadas.

Além disso, o criador de landing pages da HeroSpark tem uma barra superior com algumas opções, como:

  • Visualizar como a landing page ficará quando for aberta em computador, tablet ou smartphone. Sim, as landings da Herospark são responsivas!
  • Adicionar um Pixel do Facebook;
  • Alterar o código fonte da página, caso você já tenha um conhecimento mais avançado sobre programação.

Depois, é só clicar em “Publicar página” e pronto: você já pode começar a divulgá-la! 

Se quiser conferir como fazer a sua landing page pela HeroSpark na prática, assista a este tutorial completo que preparamos para você:

Como fazer uma landing page de sucesso: 10 dicas

Agora, confira algumas dicas de como criar uma landing page que converte milhares de leads para o seu negócio:

1. Crie títulos irresistíveis

O título da landing page é muito importante. Afinal, é a primeira coisa que o usuário vê ao acessá-la. Seja pelo tamanho da fonte, cor, posicionamento ou frase que o compõe, o título deve ter destaque para fazer com que a pessoa queira continuar lendo a página. 

Assim, ele deve ser irresistível para que o usuário realmente sinta vontade de inserir os dados no formulário para adquirir o seu produto. 

Vamos a um exemplo:

  1. E-book para aprender a escrever títulos.
  2. Guia completo para aprender a criar títulos impossíveis de serem ignorados.

Qual dos dois parece mais interessante para você? Certamente o segundo, não é mesmo?

As técnicas de copywriting devem estar ao seu lado durante toda a construção da sua landing page. Se você quiser saber mais sobre como criar títulos, baixe o nosso e-book gratuito “67 Headlines para Páginas de Vendas”.

2. Destaque textos específicos

Na hora de saber como criar uma landing page, é de extrema importância que haja:

  • Uma descrição do que será ofertado;
  • Os benefícios de adquirir o produto ou material;
  • Os problemas que serão solucionados;
  • E o motivo pelo qual o lead precisa daquilo.

Se você quer que o visitante da sua página realize a ação, é necessário guiar a leitura dele de modo a convencê-lo de que aquela oferta é a solução ideal para o seu problema.

copy com chat gpt , herocreator

Para isso, uma ótima técnica é separar trechos específicos do texto em caixas de destaque, pois a pessoa que visitar a landing page terá a atenção voltada primeiramente a essas partes.

Outra estratégia eficiente é destacar palavras-chave ao longo do texto para que os possíveis leads batam o olho na palavra e pulem direto para a parte que os interessa.

E mais: quando precisar usar termos técnicos, tente tornar essa linguagem mais simples. Explique o que eles significam e, se possível, tente interagir com o leitor.

3. Pense no SEO para criar landing pages 

O SEO (Search Engine Optimization) é uma técnica para otimizar os resultados nos mecanismos de buscas, como o Google, por exemplo. Esse item também deve ser considerado na hora de criar a landing page.

Para isso:

  • Escolha algumas palavras-chave que estejam relacionadas ao tema principal do seu conteúdo e aplique-as no título, subtítulo, descrição e no corpo do texto. 
  • Use algumas dessas palavras na legenda da imagem de destaque, expondo os benefícios da oferta. 
  • Utilize templates compatíveis com os dispositivos móveis, visto que, hoje em dia, as pessoas utilizam majoritariamente os smartphones para acessar à internet. 

Para facilitar ainda mais o processo de como fazer uma landing page otimizada, a HeroSpark conta com um campo específico para configurar o SEO da sua página. Vale a pena conferir!

4. Inclua depoimentos 

Os depoimentos não são necessários, mas eles podem ser muito úteis (desde que sejam reais, é claro!).

Quem nunca pesquisou por resenhas, leu comentários nas redes sociais ou conferiu avaliações no Google antes de comprar um produto online? Este é, inclusive, um gatilho mental, chamado de prova social.

Portanto, aproveite para incluir depoimentos de pessoas ou empresas que usaram o seu produto ou o post de algum portal de notícias que divulgou seu material. Isso cria autoridade!

Essa estratégia simples auxilia na credibilidade da marca diante do público-alvo, pois o visitante consegue perceber o quão útil é o seu produto e sente-se encorajado a consumi-lo.

5. Utilize vídeos

Uma ótima maneira de complementar a explicação, caso a descrição de sua oferta seja complexa de construir em formato de texto, é adicionar um vídeo sobre o assunto. 

Inclusive, por ser um formato mais dinâmico e visual, a taxa de conversão para landing pages com vídeos é geralmente maior.

Nesse sentido, o vídeo pode:

  • Apresentar uma oferta;
  • Responder dúvidas frequentes;
  • Apresentar um tutorial;
  • Apresentar provas sociais;
  • Ou o que você achar mais adequado para o seu tipo de negócio.

6. Coloque mais de um botão de Call to Action

Os botões de CTAs, ou Call to Action, são os lugares em que o lead irá clicar após preencher o formulário para acessar à oferta. Logo, a CTA escrita no botão também é um dos fatores decisivos na hora de convencer o visitante.

Então, se a sua landing page for longa, um diferencial é, ao longo da descrição, ir colocando CTAs para reforçar a informação e facilitar o acesso ao formulário. Isso auxilia a pessoa que já tenha interesse logo no início, pois ela não precisa descer toda a página.

Outro detalhe importante é utilizar CTAs que fazem com que o visitante sinta que ele tem o poder de decisão, por exemplo: “Eu quero adquirir o e-book gratuito”.

7. Use imagens chamativas e com alta qualidade

Assim como os títulos, as imagens têm uma grande importância em uma landing page. Isso porque o cérebro humano processa imagens ainda mais rapidamente do que textos.

Portanto, utilizando imagens estratégicas, você consegue passar a informação que deseja com mais facilidade e agilidade.

Nesse sentido, você pode usar as imagens para:

  • Apresentar seu produto;
  • Se apresentar para o público (foto de perfil);
  • Criar conexão entre os elementos da página;
  • Entre outras formas. 

8. Use as cores a seu favor

As cores podem ser usadas para direcionar a atenção do visitante para pontos de interesse. Por exemplo: se o seu objetivo é que as pessoas preencham o formulário, você deve dar destaque a ele desde o primeiro momento.

Nesse sentido, use a psicologia das cores a seu favor para compreender como as pessoas reagem às diferentes cores.

E se você não entende muito sobre psicologia das cores ou design, fique tranquilo. Uma dica é utilizar a Regra de Três, que é uma técnica simples do design que indica que você deve usar no máximo três cores na construção de algum material.

Além disso, existem diversas ferramentas que podem ajudar você a escolher três cores que combinam para a sua landing page. Uma delas é a Adobe Color.

9. Organize os elementos

Somente com um layout bem organizado e bem direcionado é possível fazer com que o cliente realize a ação que você deseja. Por isso, no momento de organizar a sua landing, explore também as setas que direcionam o usuário para o local indicado.

Os ícones também são grandes aliados, já que eles são uma forma simples e clean de ilustrar uma informação, sem que você precise inserir muitas imagens na landing.

No formato pronto de página na HeroSpark, os tópicos mais importantes ficam logo no início da página. Essa é uma ótima estratégia, uma vez que a maioria dos usuários não chega até o final da página. 

10. Peça apenas informações necessárias no formulário

Imagine se, para baixar um e-book, você precisasse inserir endereço, profissão, sexo, entre outras informações. Se não estivesse com muito tempo livre ou não estivesse muito interessado, provavelmente desistiria no meio do caminho, não é mesmo? 

Por isso, na maioria dos casos, pedir nome e e-mail é o suficiente. 

Afinal, além do incômodo de preencher vários campos, sair por aí fornecendo diversas informações para um “desconhecido” parece ser a maior roubada, não é mesmo?

O que fazer depois da conversão?

Depois de todas essas dicas de como criar landing page, quando os visitantes estiverem convertidos em leads, será hora de dar o próximo passo. Sim, o seu trabalho não termina depois da conversão.

Assim como você faria se ganhasse um presente, quando uma pessoa entra para o seu lead, você deve agradecê-la. Afinal, o contato é o presente que você desejou. Então, você deve desenvolver uma “thank you page”.

Essa ferramenta nada mais é do que uma página de agradecimento que o lead irá receber, já que o objetivo é sanar as expectativas geradas. 

Assim, você deve informar a pessoa o que irá acontecer em seguida, que pode ser: o envio de um e-book ou o link para um webinar, por exemplo.

Formatos de thank you page

Existem dois formatos interessantes na hora de criar uma thank you page. Vamos apresentá-los e você pode escolher o que mais se adapta ao seu negócio.

Thank you page com ofertas relacionados

Você já conseguiu fazer o lead se interessar por uma promoção. Então, por que não aproveitar o contato para oferecer mais produtos e serviços relacionados ao que ele já consumiu? 

Na mesma mensagem de agradecimento, apresente mais ofertas ao destinatário da mensagem. Para isso, chame a atenção do leitor para a oferta por meio de títulos interessantes e coloque os links de acesso à oferta.

Thank you page com formulário para teste grátis (trial)

Quem não se interessa por um “teste grátis”? Essas mensagens geralmente são bem atrativas, ainda mais se forem de um produto que desejamos. Para aproveitar essa situação, você envia um formulário para trial na página de agradecimento.

Esse formato é indicado para quando o seu negócio está oferecendo um atendimento exclusivo, um período de trial, uma avaliação gratuita ou algo do gênero.

Qual a melhor landing page gratuita?

A melhor landing page gratuita é na HeroSpark! Nessa plataforma, é possível criar páginas de alta conversão sem precisar ter conhecimento em programação. 

Afinal, o sistema de “arrasta e solta” é super intuitivo e fácil de operar. Isso sem falar que na ferramenta da Hero você encontra templates pré-prontos e editáveis. Ou seja, é só modificá-los com as informações do seu negócio. 

Portanto, como você viu, as landing pages abrem um leque de possibilidades para garantir um desempenho de alta performance do seu infoproduto: atraem leads, aumentam sua base de contatos e possibilitam grandes taxas de conversão.

Então, se você quer incluir essa ferramenta poderosa na sua estratégia de vendas, não precisa esperar mais nada. 

A HeroSpark é uma plataforma que oferece tudo o que você precisa para construir um funil de vendas e aprender como criar uma landing page com template de alta conversão gratuitamente. Por isso, comece agora mesmo a acelerar os seus resultados no digital!

Banner_blog_herospark
Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *