Criar uma landing page de registro, facilmente, com a Mailrelay

Mailrelay , Invited guest @ Mailrelay

As páginas de registro são ferramentas muito úteis para potenciar as suas campanhas de marketing online, essenciais para a captação de leads, novos potenciais clientes.

Você sempre pode direcionar o tráfego de campanhas, redes sociais, newsletters ou do Google Ads para seu site, mas há distrações lá.

É muito fácil que essas pessoas acabem não se inscrevendo. Eles podem se interessar em outras informações disponíveis no site.

Às vezes você pode estar interessado nisso, mas outras vezes você só quer que eles se inscrevam.

Para isso é melhor utilizar uma página de cadastro, que comumente é chamada de landing page.

Existem muitas ferramentas boas para criar landing pages. Embora a maioria tenha um problema bastante importante:

  • Não oferecem integração com a Mailrelay

E isso é um problema sério, porque gera muitas limitações.

É por isso que na Mailrelay criamos nosso próprio editor de página de cadastro, muito fácil de usar e totalmente integrado à sua conta Mailrelay. Assim, todos aqueles novos cadastros que você captar poderão receber suas newsletters imediatamente.

Primeiramente falarei um pouco sobre a definição dos conceitos gerais de landing pages. No restante deste artigo, veremos os primeiros passos necessários para que você possa criar sua página de cadastro em pouco tempo:

O que é uma landing page de registro?

Embora vamos dedicar a maior parte deste artigo explicando como criar uma landing page, primeiro é necessário lançar as bases desse conceito para que, posteriormente, você entenda as etapas que compõem o processo.

Aqui, a primeira coisa será definir o que é uma “landing page de registro” ou, em português, “página de destino de registro”. Bom, esses tipos de páginas são sites cujo objetivo é fazer com que o visitante deixe seus dados (como e-mail e nome).

Em outras palavras, sua principal tarefa é capturar os dados das pessoas que acessam esta página. Com isso, estes visitantes se tornam leads ou prospects da empresa ou negócio.

Uma landing page é a porta de entrada para o seu negócio. O número de leads ou potenciais clientes que você conseguirá captar irá depender da sua estrutura, elementos e textos.

Caracteriza-se por oferecer um design limpo e simples, sem outros links ou botões, apenas a opção para se cadastrar. Também não mostra um menu de navegação e contém apenas um título, uma seção de benefícios e um formulário.

A maneira mais fácil de criá-las é através de um criador ou editor visual como o oferecido pela Mailrelay e que veremos mais adiante.

Por outro lado, importa referir que a oferta promovida neste tipo de página costuma ser do interesse do público-alvo e é gratuita. Dessa forma, é possível persuadir e capturar seus dados.

Normalmente, essa oferta gratuita é chamada de isca digital ou lead magnet. Dependendo da natureza do negócio, será de um tipo ou de outro. Alguns exemplos são:

● Ebooks.

● Cursos.

● Testes de software.

● Modelos.

● Primeira sessão gratuita.

● Outros descontos.

Uma isca digital é um recurso valioso que é oferecido em troca dos dados do visitante, para obter prospects que serão clientes em potencial.

Elementos-chave para criar uma landing page

Elementos-chave para criar uma landing page

Quando falamos de conversão em uma landing page, estamos nos referindo ào % de pessoas que nos deixaram os seus dados ou, ou o que é o mesmo, à taxa de sucesso da página.

Para que seus visitantes sejam incentivados a deixar seus dados no formulário, esta página deve ter alguns elementos. Vou descrevê-los todos abaixo.

Mas antes, gostaria também de referir que a conversão pode ter diferentes objetivos consoante o tipo de oferta e o tipo de negócio. Por exemplo, podemos falar sobre:

● Cadastros para um evento.

● Registro para uma sessão gratuita.

● Downloads de materiais.

● Teste de software.

● Obter descontos e bônus.

Cabeçalho

Ao criar uma landing page, você deve levar em consideração que a primeira coisa que o usuário verá é o cabeçalho. Ele deve ser envolvente o suficiente para que o visitante siga lendo e, no final, preencha o formulário de cadastro.

O cabeçalho é composto por:

Título:

O título corresponde à promessa principal da sua oferta ou isca digital. Deveria ser poderoso, mas ao mesmo tempo credível. Para criá-lo, recomendo que você se baseie na principal vantagem do que está oferecendo.

Ou seja, a razão número um pela qual seus visitantes precisam de sua oferta. Outra recomendação é usar perguntas, por exemplo “como” e “por qué”.

Você também pode criar frases que incluam uma objeção. Por exemplo “Como otimizar o desempenho do seu PC sem conhecimento sobre computadores”.

Subtítulo:

A seguir, é possível ampliar as informações para demonstrar os motivos pelos quais o visitante deveria se cadastrar. Se você estivesse promovendo um evento, você poderia usar o subtítulo para mostrar as informações mais relevantes. Em qualquer outro caso, servirá para especificar para quem é a isca digital.

Botão:

Finalmente, o cabeçalho deve incluir um botão que vá diretamente para o formulário nesta página. É essencial que se destaque do restante dos elementos e que tenha um texto de copy alinhada com a promessa.

Se estivermos oferecendo inscrição para um evento gratuito, o botão pode dizer algo como “Quero participar”.

Vantagens

Após o título, o leitor precisará encontrar mais motivos para acessar o download, evento ou promoção que você está oferecendo. Portanto, uma seção de vantagens do que você está oferecendo deve ser adicionada abaixo.

O ideal seria mostrar de 3 a 5 vantagens. Se colocarmos muitos, podemos perder a atenção dos visitantes. Nesse caso, menos é mais e ajuda a esclarecer os benefícios que eles poderão obter se concluírem a ação proposta.

Por outro lado, recomenda-se que sejam apresentados na forma de listas com marcadores ou com outra disposição que facilite a leitura e seja visualmente atraente.

Formulário

Se falamos em criar uma landing page de registro, o formulário será a peça chave e fundamental. Por meio dele, as visitas se tornarão leads ou prospects para o seu negócio. Portanto, não podemos esquecê-lo.

Como conselho geral, diria que é melhor que o formulário seja curto e direto. Portanto, solicite apenas os dados realmente necessários. A priori, com o nome e email deveria ser suficiente.

É importante observar que um formulário com apenas dois campos tem uma taxa de sucesso maior do que um com cinco, sete ou dez.

Por mais relevante e atraente que seja sua oferta, se o formulário for muito longo e pedir muitas informações, os usuários podem abandonar o processo de registro.

Outros aspectos a considerar

Até agora podemos dizer que descrevemos os principais elementos de uma landing page, mas a verdade é que existem outros fatores que devem ser considerados. Por exemplo:

Imagens. Se você for adicionar imagens, escolha apenas aquelas de boa qualidade e que estejam realmente relacionadas à sua oferta. Ou seja, se a imagem agregar valor ao seu objetivo, você pode usá-la. Caso contrário, seria melhor criar uma landing page sem imagens.

● Carregamento rápido. Outro fator importante é a velocidade de carregamento da página. Lembre-se que os usuários fecham páginas que demoram muito tempo para carregar.

● Depoimentos. Finalmente, se você tiver depoimentos que possa compartilhar, seria aconselhável adicionar alguns para adicionar outro motivo que motive o registro.

Como criar uma landing page com a Mailrelay

Como criar uma landing page com a Mailrelay, primeiros passos com o editor de landing pages

Agora vamos ver os passos mais comuns para criar uma página de destino simples com um formulário de cadastro.

Algo que você deve considerar, antes de tudo, é que o formulário deve ser criado previamente na seção “Assinantes” – “Formulários de assinatura“, pois os formulários já criados serão os que serão inseridos nas páginas de destino.

Se você ainda não tem nenhum formulário, crie um básico seguindo os passos que você pode ver aqui.

Depois de criar o formulário, você pode ir ao menu “Landing pages” e usar o botão “Adicionar” para criar uma nova.

Depois de inserir um nome para identificar a página, você chegará a uma tela como a seguinte:

Primeiro passo para criar uma landing page

Esta página está dividida em três seções principais, da esquerda para a direita:

  • Seção de elementos. São os diferentes blocos que podem ser adicionados na landing page. Você só precisa arrastá-los e soltá-los na zona central (conteúdo)
  • Conteúdo. Esta seria uma área de visualização e trabalho onde podemos adicionar o conteúdo que será usado na landing page. Podemos ver como está ficando.
  • Opções. A coluna da direita mostrará as diferentes opções para o item selecionado, ou para a página como um todo se nenhum item for selecionado.

Agora vamos trabalhar com essas opções, passo a passo.

Selecionar a cor de fundo

Uma das primeiras opções que podemos usar é selecionar a cor de fundo de toda a landing page de cadastro.

Você pode deixar a cor padrão branca, mas às vezes é interessante usar outra cor de fundo que combine mais com a sua marca. Faremos isso a partir do bloco de opções:

Selecionando a cor de fundo da sua landing page

Neste caso, vamos trabalhar com a coluna da direita, na seção documento e depois escolhemos a opção “Cor de fundo“.

Essa seleção fará com que todo o plano de fundo da página seja exibido com a cor escolhida.

Selecionar a cor de fundo do contêiner principal

Para realizar esta tarefa veremos outra das principais ferramentas do editor, a visualização em lista.

Essa exibição de lista é uma ferramenta muito útil e é algo que você usará constantemente para editar melhor sua página de destino, então vamos ver:

A exibição de lista será muito útil

A exibição de lista é mostrada clicando em um dos ícones na área superior esquerda, o quarto ícone. Ao clicar, nos mostrará uma lista de todos os elementos da landing page organizados de forma hierárquica.

Isso permitirá que você mostre as opções de bloco de cada um dos itens, e até mesmo mova-os para que apareçam antes ou depois no editor. Agrupá-los uns dentro dos outros, etc.

Uma vez selecionado o elemento, veremos como a coluna da direita mostra as opções para esse bloco específico. Por exemplo, podemos selecionar a cor de fundo ou modificar a largura.

Na imagem anterior você pode ver, à direita, como a seta aponta para a opção “fundo“.

A estrutura padrão que temos assim que criamos a landing page é

  • Uma coluna principal maior
  • Com outra coluna interna menor

Por que essa estrutura de uma coluna dentro da outra é usada?

Isso é feito para que a coluna interna permaneça sempre centralizada na tela. É possível ver na coluna da direita dois valores:

  • Conteúdo. Esta seria a largura do conteúdo.
  • Largura Esta seria a largura máxima da coluna.

Desta forma, ao definir a largura do conteúdo um pouco menor, teríamos uma margem entre a borda do contêiner e o próprio conteúdo.

Largura do conteúdo e largura máxima da coluna

À direita da imagem, você pode ver como a largura máxima da coluna foi definida para 900px, enquanto a largura do conteúdo foi definida para 850px. Deixando assim uma pequena margem.

Arrastando os itens para a landing page

Agora veremos como adicionar novos itens à área de trabalho de maneira fácil:

Adicionando novos itens na landing page

A primeira coisa que você deve fazer é selecionar o elemento no painel esquerdo, um separador neste caso, e arrastá-lo com o mouse até o local desejado na área de conteúdo.

Ao mover o mouse sobre a área de conteúdo, veremos uma barra azul, indicando o local pretendido para o conteúdo.

Estruturando o conteúdo da página de destino

Provavelmente, mesmo que sua página de registro seja bastante simples, você deseja adicionar uma certa quantidade de conteúdo a ela. Uma das formas mais fáceis de estruturar a landing page é através do uso de colunas:

Várias opções de coluna da página de registro

Como você pode ver na imagem acima, existem várias opções de coluna. Uma opção muito útil é a de três colunas, pois nos permitirá usar a coluna do meio como separador de conteúdo.

Agora você vai ver o que quero dizer:

Depois de adicionar as colunas, você pode ir para a “visualização em lista” e selecionar a coluna do meio, à direita na coluna do bloco teremos o campo “largura” vazio. Mas se definirmos uma largura de 50px aqui, essa coluna encolherá e poderá atuar como um separador.

Dessa forma, as colunas não se sobrepõem, o que poderia dificultar a leitura.

Depois é só clicar no símbolo “+” para adicionar conteúdo nas colunas.

Adicionando conteúdo às colunas

Observe que ao clicar no símbolo “+”, a seleção permite escolher entre os blocos disponíveis, neste caso, por exemplo, um parágrafo.

E se adicionamos conteúdo, ficaria assim:

Adicionando conteúdo às colunas

No exemplo, também adicionamos um elemento “Lista” abaixo do parágrafo. É possível continuar adicionando itens a esta coluna da mesma maneira. Por exemplo, mais parágrafos, imagens, etc.

Agora vamos repetir o processo, mas com uma alteração e vamos adicionar um formulário na terceira coluna:

Adicionando um formulário na landing page

Como lhe disse no início, só podemos escolher entre os formulários existentes. Portanto, é necessário que você tenha criado previamente os formulários que vai precisar:

Selecionando e adicionando o formulário

Depois de selecionado, o formulário será incorporado à sua página de registro da seguinte maneira:

O formulário na sua landing page

A configuração da cor de fundo do formulário, assim como dos demais elementos, é feita na própria seção de formulários, não podendo ser feita a partir do próprio menu de landing pages.

Ou seja, o formulário aparecerá nesta seção conforme você o configurou na origem.

Se você alterar algo no futuro, lembre-se de que todas as alterações feitas no formulário serão refletidas na landing page.

Adicionando imagens à página

As imagens são uma parte essencial de qualquer página de vendas ou registro. Adicioná-las é simples, agora vamos adicionar uma imagem com um texto ao lado. Para fazer isso, primeiro adicionaremos mais duas colunas, abaixo das anteriores:

Adicionando mais duas colunas à página

O que vamos fazer é usar a coluna da esquerda para adicionar uma imagem e a coluna da direita para adicionar um parágrafo. Desta forma, o conteúdo será estruturado de forma adequada e legível.

Fazendo upload de imagens para sua página de registro

Você pode usar uma imagem que já carregou na Mailrelay ou fazer upload de uma nova do seu computador.

No entanto, lembre-se de que os recursos de edição do gerenciador de landing pages são limitados, por isso é necessário fazer o upload das imagens já preparadas.

Landing page com imagens

Ao clicar na imagem, o sistema irá exibir dois círculos que nos permitem esticá-la para dar o tamanho que queremos. Embora, como mencionei antes, seja uma funcionalidade bastante limitada, por isso é melhor que você carregue a imagem já preparada.

À direita, nas opções de bloco, também podemos alterar a largura ou definir um atributo de texto alternativo para a imagem.

Adicionando um botão na landing page

Embora não seja recomendado adicionar elementos que possam desviar a atenção da ação principal, como este é um artigo de exemplo, vamos ver como adicionar um botão.

Adicionando um botão à página de registro

Na imagem, foram destacados os itens que permitem selecionar o alinhamento do botão, para centralizá-lo, por exemplo, e a opção de adicionar um link para que o visitante possa realizar uma ação.

Agora vou mostrar uma imagem com o resultado final:

Resultado final da página de cadastro ou landing page

Em suma, uma ferramenta para captar leads muito útil

Criamos uma página de cadastro simples, mas com os itens essenciais para que ela cumpra sua função.

Recomendamos que você faça vários testes, não se esqueça de publicar a página, para que ela ofereça uma URL que você pode compartilhar em suas campanhas:

Esperamos que esta funcionalidade o ajude muito na sua aquisição de novos contatos.

Deixe um comentário

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