Hoje vamos ver como adicionar formulários de assinatura gerados pela Mailrelay usando alguns dos plugins de WordPress mais populares, como Bloom, SumoMe e Thrive Leads.
Esses plugins permitem criar diferentes tipos de formulários no nosso site e configurar a aparência deles de acordo com o tipo de página, o comportamento do usuário no site e muitas outras opções, que variam um pouco de um plugin para outro.
Neste tutorial, já vimos como criar os formulários e obter o código HTML. Então, se você ainda não copiou o código gerado pelo nosso software, confira o outro post antes de continuar lendo este artigo.
Guarde o HTML em um arquivo no seu computador ou abra sua conta da Mailrelay para copiá-lo, porque vamos usá-lo em breve.
1- Integrando o formulário da Mailrelay com o Bloom
O Bloom é, há vários anos, um dos plugins mais populares para criar formulários de assinatura.
Ele permite criar formulários inline, pop-ups, fly-ins e formulários dentro dos artigos, ou inseri-los em qualquer área de widgets do nosso tema.
Também permite indicar em que tipo de página ou post ele deve ser exibido, e quando (depois de alguns segundos, depois de rolar a página, depois de uma compra etc.).
O Bloom também tem templates predefinidos, mas, neste caso, vamos adicionar manualmente o nosso próprio código HTML, e é isso que veremos agora.
Depois de instalar o plugin, você o encontra no menu à esquerda, em Bloom > Optin Forms. Clique nesta opção para criar novos formulários ou editar os existentes:
Se escolhermos criar um novo (NEW OPTIN), a primeira coisa a fazer é selecionar o tipo de formulário que queremos criar:
Dependendo do tipo de formulário selecionado, veremos diferentes opções de configuração. Porém, o processo de criação do formulário será o mesmo, então você não precisa se preocupar com isso.
O primeiro campo que temos que preencher é o nome do formulário (apenas para uso interno, ele não será exibido aos visitantes) e o serviço de email marketing que queremos usar.
Neste caso, teremos que selecionar Custom HTML Form, e o plugin exibirá um campo onde podemos colar o código HTML gerado pela Mailrelay.
Depois de colar o código, clique em NEXT: DESIGN YOUR OPTIN e poderemos escolher um template para o formulário.
Como estamos trabalhando com código HTML, ele nem sempre vai se ajustar ao design escolhido, por causa do número de campos e opções do nosso formulário. Por isso, recomendo escolher um template simples, que será mais fácil de ajustar. De qualquer forma, podemos personalizar cores e formatos depois, independentemente do template selecionado.
Na tela seguinte, você pode adicionar título e subtítulo, personalizar fontes e cores, carregar uma imagem e definir outros aspectos visuais.
A qualquer momento, podemos visualizar uma prévia do nosso trabalho para garantir que estamos fazendo tudo certo.
É possível que algumas opções de cor ou formato não funcionem corretamente. Se isso acontecer, você terá que fazer pequenas edições no HTML ou adicionar CSS na tela de personalização do design do Bloom.
Por fim, a aba Display Settings permite configurar quando e onde queremos que o formulário apareça. Essas opções variam de acordo com o tipo de formulário que estamos usando.
Podemos criar vários formulários com estilos e configurações diferentes. Também podemos obter relatórios sobre o desempenho dos formulários para atualizar nossa estratégia de email marketing.
O Bloom é um plugin pago criado pela Elegantthemes, com vários planos, que inclui outros plugins e templates.
2- Integrar o formulário da Mailrelay no SumoMe
O SumoMe é outro plugin clássico para criar formulários de assinatura. Entre outras coisas, ele também tem a vantagem de oferecer uma opção gratuita que será suficiente para o que vamos ver hoje.
O plugin está disponível no repositório do WordPress, mas, depois de instalá-lo, precisaremos criar uma conta que ficará vinculada ao nosso site. Para criar formulários, vamos usar um painel de controle externo com várias opções avançadas. Esse plugin é muito interessante, mas alguns recursos estão disponíveis apenas para contas pagas.
No painel de controle do plugin, na aba Forms, encontraremos o botão para criar um novo formulário, e o sistema abrirá um assistente para prepará-lo.
Nas opções à esquerda, na seção 1. “My goal”, devemos marcar a terceira opção para poder usar o nosso código HTML.
Nas demais abas, podemos escolher as outras opções do formulário, como o tipo de formulário, quando ele deve ser exibido e a URL de redirecionamento.
No ponto 6. Connect to email service; não devemos escolher nenhuma opção, já que vamos usar um código HTML personalizado criado pela Mailrelay.
Depois de configurado e publicado, podemos ver o formulário no nosso site, de acordo com as opções selecionadas, e teremos acesso aos relatórios de visualizações e conversões gerados pelo plugin.
O SumoMe é uma opção muito completa, e podemos trabalhar com a versão gratuita para criar formulários de opt-in no WordPress.
3- Integrando a Mailrelay com o Thrive Leads
O Thrive Leads é outro plugin muito interessante, com muitas opções para criar formulários de opt-in. É um plugin pago, sem opção gratuita, e você terá que comprá-lo e baixá-lo no site do plugin. Ele tem um preço único, com vários pacotes de acordo com o número de licenças que você precisa comprar.
Depois de instalar o plugin, podemos acessá-lo em Thrive Dashboard > Thrive Leads para criar e configurar nossos formulários de assinatura.
A primeira coisa que temos que fazer é criar um Lead group, que nada mais é do que um conjunto de formulários que compartilham as mesmas opções (em quais páginas ou posts o formulário deve ser exibido, se os formulários ficarão ativos apenas em desktops ou também em dispositivos móveis etc.)
Depois de criar um grupo com um nome interno descritivo para organizar seus grupos e formulários, você pode criar um novo tipo de formulário: In Content, Lightbox, Post footer, Ribbon etc.
Em seguida, clique em Add form para criar um formulário com a opção selecionada.
Ou seja, o esquema dos formulários no Thrive Leads seria:
Grupo de formulários> Tipos de formulários> Formulários
Você pode ter diferentes tipos de formulário no mesmo grupo (pop-up, dentro do conteúdo, para widgets etc.). E, para cada tipo, você pode usar formulários diferentes.
Embora essa estrutura possa parecer um pouco confusa no início, a verdade é que ela permite criar diferentes combinações de grupos e tipos de formulários para diferentes campanhas ou objetivos, além de criar testes A/B para comparar a taxa de conversão de vários formulários.
Depois de criar o formulário, podemos editar o design para incluir o código HTML gerado pela Mailrelay.
Para isso, teremos que selecionar o template “Blank” para acessar o assistente do Thrive Leads:
Agora basta clicar na engrenagem de configurações na barra à direita do navegador e selecionar Advanced Settings -> View Page Source (HTML). Isso abrirá uma janela com um código HTML que teremos que apagar, já que vamos substituí-lo pelo código criado pela Mailrelay.
Configurações avançadas (Advanced Settings)
Tela de código onde devemos substituir tudo pelo nosso HTML
Podemos validar as alterações no canto superior direito. Depois disso, temos que salvar as alterações para sair do assistente e voltar ao painel do Thrive Leads para ativar o novo formulário de opt-in e escolher as opções de exibição.
Isso é tudo o que precisamos fazer para configurar o formulário da Mailrelay com o Thrive Leads.
