Como adicionar um formulário de inscrição à sua página de destino com Mailrelay

Publicados: 2019-07-24

Se você trabalha com marketing, provavelmente leu informações sobre a importância de criar uma página de destino como parte de uma estratégia de vendas eficaz. Se precisar capturar assinantes, leads ou clientes, você terá que aprender a trabalhar com esse recurso.

Como muitos de vocês certamente saberão, uma landing page é uma página destinada a receber visitantes que encontraram seu site após clicar em um anúncio ou banner (Facebook, Google ou qualquer outra plataforma). Seu uso está cada vez mais difundido e seu objetivo principal na maioria dos casos é capturar leads ou gerar conversões.

Uma página de destino é uma página criada para um propósito: Gerar conversões. De modo geral, o usuário que visita esta página está interessado no que você está oferecendo. Criar uma página de destino eficaz é uma arte porque você precisará considerar vários aspectos, como design e conteúdo da página. Se você já sabe o que é uma landing page e deseja usar esta opção em sua estratégia de marketing; vamos explicar como você pode adicionar um formulário de inscrição Mailrelay a uma página de entrada para capturar leads e assinantes.

Esclarecimento importante: Nesta postagem, vamos supor que você já criou um formulário de inscrição na Mailrelay e copiou o código HTML que irá utilizar. Portanto, vamos nos concentrar em explicar como integrar esse código em uma página de destino. Se você não criou o formulário ou não copiou o código HTML, aconselhamos que verifique este outro post: Mailrelay V3 Subscription Forms.

  • 1 · Como adicionar um formulário de inscrição à sua página de destino no WordPress
    • 1.1 Opção 1: Usando o Elementor
    • 1.2 Opção 2: Usando Divi
  • 2 · Como adicionar um formulário de inscrição à sua página de destino sem usar o WordPress
  • 3 · Conclusão
    • 3.1 Postagens relacionadas:

Envia hasta 75.000 emails gratis!

· Como adicionar um formulário de inscrição à sua página de destino no WordPress

Opção 1: usando o Elementor

Já falamos sobre Elementor em outros artigos. É um plugin poderoso que está disponível no WordPress, com versões gratuitas e pagas. É uma opção ideal para criar e editar páginas de destino de forma rápida e fácil.

Se seu site foi criado usando WordPress, é altamente recomendável usar este plugin para configurar sua página de destino, pois o processo será fácil e simples. Se você ainda não instalou o plugin, pode baixá-lo gratuitamente no repositório do WordPress e usá-lo para criar sua página de destino. Vamos começar?

Uma vez dentro do painel de administração do WP, você deve clicar em “páginas” e adicionar uma nova.

Você terá que usar esta nova página para inserir o conteúdo que será exibido aos seus visitantes. Neste caso, antes de começar a editar o layout, é aconselhável fazer alguns ajustes prévios. Por exemplo, você deve nomear a seção, escolher o modelo, etc.

Freqüentemente, vemos páginas de destino que não possuem um menu na barra superior. Isso é frequentemente usado quando queremos que o visitante se concentre apenas no conteúdo, não “escape ” clicando em qualquer outro link. Isso pode ser especialmente útil em páginas de destino criadas para campanhas online.

Se você deseja implementar esta medida e remover o menu de navegação em sua página de destino, você deve procurar os atributos na coluna certa. Assim que encontrar esta opção, na seção de modelos, selecione “Elementor Canva” e salve seu trabalho.

Elementor canvas

Depois disso, abra o construtor Elementor, clicando em “ Editar com Elementor” e comece a construir sua página de entrada seguindo a estrutura que deseja usar.

Depois de criar a página, você deverá implementar o formulário de inscrição. Nesse caso, você pode obter o código HTML e inseri-lo na página.

Para isso, você deve procurar o módulo “código” e incluí-lo na coluna ou seção desejada. Uma vez colocado, você terá que inserir o código que copiou antes de começar a ler este artigo. Neste caso, você terá que colar o código gerado pela Mailrelay para incorporá-lo em sua landing page.

formulario de suscripcion a una landing page de WordPress

Depois de adicionar o formulário, o resultado seria mais ou menos assim. É importante ter em mente que a estrutura e o design variam dependendo dos módulos e elementos que você instalou.

 Usando Elementor

Neste ponto, gostaria de salientar que o formulário será exibido com a aparência e os estilos marcados em seu modelo ou tema. Para fazer alterações ou modificações de estilo, você precisará editar o HTML ou usar plug-ins específicos para personalizar seu formulário de aceitação.

Opcion 2: Usando Divi

Opção 2: usando Divi

Divi é um dos templates mais usados ​​para criar sites em WordPress. Este modelo é tão popular porque oferece um poderoso construtor visual, que permite criar páginas atraentes e coloridas com apenas alguns cliques.

Divi é atualmente uma ferramenta Premium (paga) e está disponível como um modelo e um construtor visual para WordPress. Se o seu site foi criado com este modelo ou você instalou o plugin Divi Builder, continue lendo, pois mostraremos passo a passo como adicionar um formulário de inscrição em uma página de destino usando o Divi. Vamos começar?

As etapas são muito semelhantes às que vimos no guia anterior, então o processo que seguiremos será bastante semelhante ao que vimos com Elementor.

Primeiro, vamos para a seção Páginas e clique em “adicionar novo”.

Após acessar a nova página, começaremos a editar as configurações principais. Se, como no caso anterior, você deseja deletar a barra superior de sua landing page, deve procurar a opção “template” na coluna da direita e clicar em “página em branco”.

Com isso, estaremos informando ao WordPress que não queremos exibir nenhuma barra superior nesta seção específica do site. Interessante, certo?

Opcion 2: Usando Divi

Depois de nomear a página e selecionar as configurações do modelo, não se esqueça de salvar suas alterações.

A seguir, começaremos a construir nossa landing page com Divi. Para fazer isso, clique em “Divi builder” e o plugin irá exibir a tela com o construtor da landing page. Divi, por padrão, nos dá várias opções para escolher: Podemos usar um modelo padrão e adaptá-lo ou criar um do zero. Você pode escolher qualquer uma das duas opções.

Depois de configurar sua página de destino, é hora de inserir seu formulário de inscrição Mailrelay. Neste caso, teremos que procurar o módulo “Código” na barra direita do Divi e inseri-lo na coluna ou seção que desejamos. Após fazer isso, o plugin irá abrir uma janela com um campo onde podemos inserir o código HTML gerado pela Mailrelay. Se você não criou um formulário HTML, gere-o agora.

construir nuestra landing page

Depois de adicionar o código, você poderá ver como ele o ajudará a loke como na sua página de destino.

Como no caso anterior, o formulário será exibido com os estilos definidos em seu modelo ou tema. Para fazer alterações, você terá que editar o HTML manualmente ou usar um plugin externo.

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

· Como adicionar um formulário de inscrição à sua página de destino sem usar o WordPress

Embora o WordPress seja um dos CMS mais comumente usados ​​para a criação de sites, você pode criar sua página de destino sem usar essa plataforma. No entanto, se você não estiver trabalhando com o WP, vamos recomendar algumas ferramentas que você pode usar para criar sua própria landing page rapidamente.

Neste ponto, é importante observar que a maioria dessas ferramentas não é gratuita, mas geralmente oferecem duas semanas ou mais de testes, para que você possa começar a usar o serviço para ver se é isso que você estava procurando. Depois de testar a ferramenta, você pode decidir se está ou não interessado em pagar por ela.

Neste artigo, vamos nos concentrar em explicar como usar o Instapress para criar páginas de destino. Esta ferramenta foi criada para usuários que não desejam desenhar uma página manualmente, para que você possa editar os templates disponíveis ou criar seu próprio layout.

A primeira coisa que você terá que fazer é registrar-se na plataforma para começar a usar a demonstração gratuita. Para fazer isso, vá para a página Instapage e crie uma conta.

Após acessar a plataforma, na seção desktop, clique em “Criar nova página” para iniciar a criação de sua landing page.

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

Aqui você terá várias opções. Para este tutorial, escolheremos o primeiro: “Página padrão”.

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

Após selecionar esta opção, você será levado para outra tela onde poderá escolher entre vários modelos. Se você deseja criar sua página do zero, você pode selecionar a opção “página em branco”, ou você pode escolher um dos modelos predefinidos.

Neste caso, é importante deixar claro que as caixas de assinatura que estão disponíveis nos templates não podem ser utilizadas, pois teremos que trabalhar com o código HTML gerado pela Mailrelay.

Depois de escolher a opção que deseja usar, adicione um nome à página e comece a editar a página de destino, deixando um espaço para o formulário de opt-in.

Depois de editar o layout, você deverá inserir o formulário. Se você verificar no topo, verá várias opções. Para adicionar o formulário, clique em “HTML”.

deberemos escoger el bloque que dice “HTML”.

O plugin exibirá uma caixa que você pode posicionar onde quiser. Observe que esta caixa corresponde ao formulário, então você deve colocá-la onde deseja mostrar o formulário. Para inserir o código HTML, clique na caixa e selecione o botão “Editar” .

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

A caixa ficará em branco e você poderá inserir o código. Cole o formulário HTML do Mailrelay e clique em “Concluído”. Se você seguiu todas as etapas corretamente, verá como seu formulário será exibido.

Pegaremos el HTML de Mailrelay y haremos clic sobre el boton “done”

Como nos casos anteriores, é importante observar que o formulário não inclui estilos embutidos no código HTML. Portanto, se você quiser personalizá-lo, precisará editar o código manualmente. Se você não está familiarizado com HTML, recomendamos usar o formulário padrão gerado pela Mailrelay.

Por último, você deve clicar no botão “Salvar” no canto superior direito da tela.

Depois de salvar as alterações, você deverá publicar a página. Para isso, clique na página que deseja publicar e na janela seguinte procure o botão “Publicar” e clique nele.

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

Para postar a página de destino permanentemente, você precisará definir o URL da página. Portanto, após clicar em Publicar, o sistema exibirá um pop-up com opções para configurá-lo. Clique no botão “Definir URL” e, entre as diferentes opções disponíveis, escolha a melhor opção para a sua estratégia de marketing digital.

Para publicar de manera definitiva deberas configurar la URL de tu pagina

Se você estiver trabalhando com o WordPress, pode escolher esta opção e seguir as etapas na tela para publicar a página. Se você não usa WordPress, deve clicar na primeira opção, “Domínio personalizado” e seguir as instruções para configurar seu domínio.

Ao lado de cada opção, você encontrará um link “Saiba mais”. Se precisar encontrar mais informações sobre as etapas que você deve seguir, clique neste link. Você será direcionado para uma seção informativa com tudo o que você precisa saber para fazer as alterações necessárias e publicar sua página permanentemente.

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

· Conclusão

Se você dirige um negócio online, certamente precisará criar landing pages como parte de sua estratégia de vendas. Como explicamos no início da postagem, essas páginas são extremamente úteis para capturar clientes em potencial.

Na verdade, essa é uma ferramenta amplamente usada para coletar dados e criar listas de mala direta. As estratégias para obter essas informações podem variar muito, embora a maioria dos webmasters prefira oferecer um “presente” ou “isca” em troca dos dados. Que tipo de presente eu poderia oferecer? Você pode criar um tutorial, um minicurso, um guia. Dependerá da sua estratégia de vendas.

Para ajudá-lo nesta tarefa, neste artigo desejamos mostrar diferentes opções para a criação de uma landing page e as etapas que você terá que seguir para integrar um formulário de inscrição Mailrelay à página. Nesta ocasião, nos concentramos em 3 opções diferentes. No entanto, você pode criar uma página de destino com qualquer outra ferramenta que ofereça opções para incorporar HTML externo.

Você já usou uma página de destino para capturar clientes? Você acha isso útil?

Cristina Aguayo