O editor de newsletters da Mailrelay

A nova versão da Mailrelay traz muitas vantagens para o gerenciamento das suas campanhas de email marketing, incluindo um novo editor de newsletters. Neste post, vamos falar sobre os benefícios deste novo editor, além de alguns recursos avançados para o envio de newsletters segmentadas. Continue lendo para saber mais.

ÍNDICE

• O editor de newsletters da Mailrelay
  • Editor de newsletters drag & drop
  • Newsletters adaptadas a várias configurações de dispositivos (design responsivo)
  • Trabalhando com blocos
  • Manipulação de imagens
  • Trabalhando com imagens e texto
  • Grupos de imagens
  • Adicionando vídeos à newsletter
  • Divisores e botões
  • Compartilhar e seguir nas redes sociais
  • Se você ainda quiser usar o editor HTML, ele continua disponível
  • Bônus: recurso avançado > Newsletters com condicionais baseados em variáveis do assinante

Editor de newsletters drag & drop

O editor de newsletters é do tipo drag & drop; esta é a sua interface principal:

À esquerda, você pode ver a tela de edição; à direita, os blocos que você pode inserir.

Basta escolher o bloco, clicar nele e arrastá-lo até a área de edição. Não é necessário nenhum conhecimento de HTML ou similar.

Newsletters adaptadas a várias configurações de dispositivos (design responsivo)

Não importa qual software ou dispositivo seus assinantes estejam usando para ler sua newsletter. O editor adicionará código para adaptar o layout a diferentes dispositivos, para que você não precise fazer isso manualmente.

Por exemplo, temos esta newsletter:

Ela será exibida assim em um desktop.

E o sistema vai alterá-la para:

Em um dispositivo móvel.

Como você pode ver, a largura foi adaptada ao tamanho do dispositivo, para garantir que a mensagem seja exibida corretamente e que o usuário consiga clicar nos links sem qualquer problema.

Trabalhando com blocos

A vantagem de trabalhar com blocos é que podemos reorganizá-los a qualquer momento para alterar o layout e a estrutura da nossa mensagem.

É tão fácil quanto arrastar o item clicando e arrastando, usando o ícone “mover”:

Certamente é uma vantagem muito interessante, porque em um editor normal, se quisermos mover o conteúdo, corremos o risco de danificar o código HTML, o que poderia afetar a entrega do email e a mensagem não seria exibida corretamente. Neste caso, ele oferece várias opções: Mover, Editar, Duplicar e Excluir.

Manipulação de imagens

Trabalhar com imagens é muito fácil com o novo editor de newsletters. Para adicioná-las, basta criar um bloco de imagem e enviar o arquivo.

Teremos várias opções:

• Redimensionar imagem> isso permite reduzir ou ampliar a imagem. Mas lembre-se de que o tamanho do arquivo continuará o mesmo, portanto você ainda deve usar algum aplicativo para reduzir o tamanho do arquivo antes de enviá-lo à plataforma.
• Exibir link:> Esta opção pode ser usada para inserir um link na imagem. Quando o assinante clicar nela, ele será direcionado para o link que você adicionou.
• URL> Aqui, inseriremos a URL que queremos exibir quando o assinante clicar na imagem.

Com essas três opções, podemos editar imagens com muita facilidade. E há ainda mais opções, é claro.

Trabalhando com imagens e texto

Para adicionar texto às imagens, podemos usar o bloco "Imagem com legendas," com estas configurações: 

Você pode configurar o bloco na guia "Configurações" :

• Você pode configurar o bloco na guia "Configurações" :
• Número de imagens> você pode escolher criar um bloco com uma ou duas imagens
• Posição das colunas> se quisermos trabalhar com uma coluna acima da outra ou lado a lado.
  

• Posição da legenda> para colocar a legenda acima ou abaixo da imagem

Essa configuração vai gerar um bloco como este:

A partir daqui, podemos adicionar as imagens e modificar os textos.

Como você pode ver, podemos escolher editar uma imagem ou outra nas guias.

Em seguida, temos um bloco de texto. Este é o bloco de texto abaixo da imagem, e podemos adicionar texto, links etc.

Também podemos criar links para a imagem desta forma:

Primeiro, clicamos em "Exibir link" e depois adicionamos a URL, para que, quando um assinante clicar na imagem, ele seja direcionado a essa URL.

Em resumo, podemos criar facilmente blocos de imagens e textos que serão exibidos em formato de colunas, ou um abaixo do outro. E com a garantia de que serão exibidos corretamente em diferentes dispositivos.

Grupos de imagens

Se quisermos exibir vários produtos ou incluir várias imagens, podemos usar o bloco Grupo de imagens:

A configuração deste bloco é semelhante à dos blocos de imagem anteriores:

Podemos adicionar até cinco imagens.

Todas elas podem ser vinculadas, como vimos anteriormente, então essa seria uma forma de criar uma pequena galeria de produtos vinculados à nossa loja virtual.

Adicionando vídeos à newsletter

O suporte a vídeos nos diferentes clientes de email é bastante limitado, então um vídeo inserido em uma newsletter não será reproduzido na maioria dos softwares de email.

A solução mais compatível atualmente, para a maioria dos cenários, é adicionar uma imagem, vinculando-a à URL do vídeo.

Para fazer isso sem esforço, vamos usar o bloco Vídeo:

Tudo o que precisamos fazer é escolher um vídeo do YouTube e adicioná-lo ao campo URL do vídeo:

E o resultado será o seguinte:

O editor de newsletters incluirá automaticamente uma imagem com o símbolo de vídeo, que estará vinculada ao vídeo.

Dessa forma, o assinante que receber a newsletter saberá que se trata de um vídeo e, ao clicar nele, será direcionado à página onde poderá assisti-lo.

Uma solução prática para compartilhar vídeos nas suas newsletters.

Divisores e botões

As opções Botões e Divisores permitem que você crie espaços e chamadas para ação conforme necessário:

Por exemplo, para criar um botão com o texto:

Compartilhar e seguir nas redes sociais

O

O novo editor de newsletters inclui as opções Botões para seguir e Botões para compartilhar nas redes sociais:

Essas opções permitem que você crie blocos para que os assinantes sigam suas redes sociais e compartilhem a campanha nas redes sociais:

Se você ainda quiser usar o editor HTML, ele continua disponível

Sim, se você quiser criar uma newsletter com um editor mais voltado para HTML, isso também é possível.

Se você já tem um template ou trabalha com uma equipe de design, agência etc. que enviou um design específico, você pode usar o editor HTML; há várias opções disponíveis para usuários avançados.

Essas opções são perfeitas se você já criou o seu próprio design em HTML, e podem ser encontradas em Newsletters>>Adicionar.

Como você pode ver, há três opções avançadas:

1. colar código HTML

2. importar o design de um arquivo ZIP

3. Ou importá-lo a partir de uma URL

Importante: essas opções são consideradas avançadas, então, se você não sabe nada sobre HTML, recomendamos usar o editor drag & drop (a primeira das opções na tela anterior, clicando em Criar newsletter).

Bônus: recurso avançado > Newsletters com condicionais baseados em variáveis do assinante

Este é um dos recursos fantásticos incluídos no novo editor, mas não tão visível.

Já vimos como criar campos personalizados e como usá-los para segmentar nossa lista de assinantes.

Mas, além disso, essas variáveis personalizadas podem ser usadas em newsletters para exibir uma informação ou outra, dependendo do valor desses campos.

Um exemplo simples: imagine que você tenha um campo Esporte, no qual armazenou o tipo de esporte praticado por cada contato.

Assim:

Você poderia, então, se dirigir a cada contato mencionando o esporte favorito dele.

Mas tem mais: você pode até ter outros blocos dentro da condição, veja:

Você poderia enviar determinados produtos ou outros para o contato, dependendo do valor da variável.

Dessa forma, você pode tornar suas campanhas mais específicas para os interesses e necessidades dos seus assinantes, com pouco esforço.