Crear cuenta Mailrelay Crear cuenta Mailrelay Crear cuenta Mailrelay

Criando formulários da Mailrelay com Bloom, SumoMe e Thrive Leads

Publicado por Esther Sola em 18/04/2019

Hoje, vamos ver como adicionar formulários de assinaturas gerados pela Mailrelay em alguns dos plugins mais populares do WordPress como Bloom, SumoMe e Thrive Leads.

Esses plugins nos permitem criar diferentes tipos de formulários em nosso site e configurar sua aparência dependendo do tipo de página, comportamento do usuário no Website e muitas outras opções que irão variar 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 HTML do seu formulário, por favor faça isto antes de continuar lendo este post.

formularios Mailrelay

Por favor mantenha o HTML em um arquivo em seu computador ou abra sua conta da Mailrelay para copiá-lo, pois iremos usá-lo logo.

¡Envía hasta 75.000 emails gratis!

1- Integrando o formulário da Mailrelay no Bloom

Bloom é um dos plugins mais populares para criar formulários de assinatura há vários anos.

Ele nos permite criar formulários inline, pop-ups, fly-ins, abaixo dos artigos ou inseri-los em qualquer área de widget do nosso template. Também nos permite indicar em que tipo de página ou postagem deve aparecer, e quando (após alguns segundos, ao rolar o cursor, após a compra, ETC).

Bloom também tem templates predefinidos, embora neste caso nós iremos adicionar o nosso próprio html manualmente, e é isso o que vamos ver agora.

Depois de instalar o plugin, podemos encontrá-lo no menu à esquerda, em Bloom> Optin Forms. Clique nesta opção para criar ou editar formulários existentes:

Integrar el formulario de Mailrelay en Bloom

Se escolhermos criar um novo (NEW OPTIN), a primeira coisa que devemos fazer é selecionar o tipo de formulário que queremos criar:

Integrar el formulario de Mailrelay en Bloom

Dependendo do tipo de formulário selecionados, veremos diferentes opções de configuração. No entanto, o processo de criação do formulário será o mesmo, então você não precisa se preocupar sobre isto.

O primeiro campo que temos que preencher é o nome do formulário (apenas para uso interno, não será exibido para nossos visitantes) e o serviço de email marketing que queremos usar.

Neste caso, teremos que escolher Custom HTML Form, e o plugin irá exibir um campo onde podemos copiar o HTML gerado pela Mailrelay.

Integrar el formulario de Mailrelay en Bloom

Depois de colar o código, clique em NEXT: DESIGN YOUR OPTIN e podemos escolher um template para o formulário.

Neste caso, como estamos trabalhando com código HTML, nem sempre será ajustado ao design escolhido para o número de campos e opções do nosso formulário, então eu recomendo escolher um simples que será mais fácil para ajustar. Em qualquer caso, podemos ajustar cores e formatos mais tarde, independentemente do template escolhido.

Na próxima tela, você poderá adicionar título e subtítulo, personalizar fontes e cores, carregar uma imagem e definir outros aspectos visuais.

A qualquer momento, podemos pré-visualizar o nosso trabalho para nos assegurar de que estamos fazendo as coisas corretamente.

É possível que algumas das opções de cor ou formato não funcionem corretamente. Se isto acontecer, você terá que editar o HTML minimamente ou adicionar CSS na tela de customização de design Bloom.

Finalmente, a guia Display Settings nos permitirá configurar quando e onde queremos que o formulário seja exibido. Essas opções irão variar dependendo do 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.

Bloom é um plugin pago criado pela Elegantthemes, com planos anuais e licença vitalícia e inclui outros plugins e templates.

Integrar el formulario de Mailrelay en SumoMe

2- Integrar o formulário da Mailrelay no SumoMe

SumoMe é outro plugin clássico para criar formulários de assinatura personalizados. Entre outras coisas, também tem a vantagem de oferecer uma opção gratuita que será suficiente para o que vamos ver hoje.

Integrar el formulario de Mailrelay en SumoMe

O plugin está disponível no repositório do WordPress, mas depois de instalá-lo, teremos que criar uma conta que será vinculada ào nosso website. Para criar formulários, vamos usar um painel de controle externo, com várias opções avançadas. Este plugin é muito interessante, mas alguns recursos estão disponíveis apenas para contas pagas.

Integrar el formulario de Mailrelay en SumoMe

No painel de controle do plugin, na guia Forms, encontraremos o botão para criar um novo e o sistema irá abrir um assistente para prepará-lo.

Integrar el formulario de Mailrelay en SumoMe

Nas opções à esquerda, na seção 1. My goal, devemos marcar a terceira opção para poder usar nosso código HTML.

Integrar el formulario de Mailrelay en SumoMe

No restante das guias, podemos escolher as outras opções para o 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 HTML personalizado criado pela Mailrelay.

Depois de configurado e publicado, podemos ver o formulário em nosso website, de acordo com as opções selecionadas e teremos acesso a Analítica de visualização e conversão geradas pelo plugin.

SumoMe é uma opção muito completa e a versão gratuita é suficiente para poder adicionar formulários de assinatura no WordPress.

Integrar Mailrelay en Thrive Leads

3- Integrar a Mailrelay com Thrive Leads

Thrive Leads é outro plugin muito interessantes com muitas opções para criar formulários de assinatura.

É um plugin pago, sem opção gratuita disponível, e você terá que comprá-lo e baixá-lo no site do plugin. Tem um preço único com vários pacotes de acordo com o número de licenças que você precisar comprar.

Depois de instalar o plugin, podemos acessá-lo no menu Thrive Dashboard> Thrive Leads para criar e configurar os nossos formulários.

Integrar Mailrelay en Thrive Leads

A primeira coisa que temos que fazer é criar um Lead groups, que não é nada mais do que um conjunto de formulários que compartilham as mesmas opções de exibição (em quais páginas ou posts devem ser exibidos, se os formulários estarão ativos apenas para desktops ou também para dispositivos móveis, etc.)

Integrar Mailrelay en Thrive Leads

Depois de criar um grupo com um nome interno descritivo para organizar os grupos e formulários, podemos criar um novo tipo de formulário: In Content, Lightbox, Post footer, Ribbon, etc..

Integrar Mailrelay en Thrive Leads

Em seguida, vamos clicar em: Add form para criar um formulário com a opção selecionada.

Ou seja, o esboço dos formulários em Thrive Leads seria:

Grupo de formulários> Tipos de formulários> Formulários

Você pode ter diferentes tipos de formulários no mesmo grupo (pop-up, dentro do conteúdo, para widgets, etc). E para cada tipo você pode usar diferentes formulários.

Embora inicialmente esta estrutura possa parecer um pouco confusa, a verdade é que nos permite criar diferentes combinações de grupos e tipos de formulários para diferentes campanhas ou objetivos e permite criar testes A/B para comparar a taxa de conversão de diferentes formulários.

Depois que o formulário tiver sido criado, podemos editar o design para incluir o código HTML gerado pela Mailrelay.

Para fazer isso, vamos selecionar o template “Blank” e poderemos acessar o assistente de design Thrive Leads:

Integrar Mailrelay en Thrive Leads

Agora só temos que clicar na roda de configuração na barra à direita do navegador e selecionar a opção Advanced Settings -> View Page Source (HTML). Isto irá abrir uma janela com um código HTML que teremos que deletar, uma vez que iremos substitui-lo pelo criado pela Mailrelay.

Integrar Mailrelay en Thrive Leads

Advanced Settings

Integrar Mailrelay en Thrive Leads

Tela de código onde devemos substituir tudo pelo nosso HTML

Podemos validar as alterações no ícone do canto superior direito. Em seguida, temos que salvar as alterações para sair do assistente e retornar à área de trabalho do Thrive Leads para ativar o formulário e escolher as opções de visualização.

Isto é tudo o que temos de fazer para configurar o formulário da Mailrelay com Thrive Leads.

Esther Solà

Suscríbete y aprende marketing online gratis. Desarrollamos y publicamos contenidos que bien podrían formar parte de un curso de pago, recíbelos gratis:







Acepto la política de privacidad.



Comentários

  1. Robinson Ocando

    Utilizo Thrive Leads para mis paginas web y en estos momentos ya esta la integración directa sin necesidad de copiar y pegar el codigo html

    12/07/2019 - 21:17:43 Publicar una respuesta
    • Mailrelay

      ¡Hola Robinson! Depende de la versión de Mailrelay creo, en las nuevas hasta ahora no funcionaba.

      13/07/2019 - 08:26:15 Publicar una respuesta
  2. Carlos

    Hola Esther …podrias explicarme como hacer la integracion del formulario de mailrelay con divi…

    Quedo atento a tus comentarios

    06/07/2019 - 15:34:50 Publicar una respuesta
  3. Susanne

    I don’t think I get this 100.
    After I have added MailRelay’s code the form is only the email and possible name form.
    So, when I have added MailRelay’s code then I start to add text and images?
    Thank you
    Susanne

    04/07/2019 - 11:55:34 Publicar una respuesta
    • Mailrelay

      Hi Susanne, I’m sorry we don’t have more info, you will need to contact the plugins support team.

      04/07/2019 - 12:01:10 Publicar una respuesta
  4. Paula nievas

    muy interesante artículo

    22/05/2019 - 21:31:25 Publicar una respuesta

Deixe um comentário

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


Menu Title