7 maneiras de adicionar automação ao seu fluxo de trabalho de e-mail

Projetar e codificar e-mails geralmente envolve processos de edição manuais e árduos que não são apenas mundanos e cansativos, mas podem facilmente deixar espaço para erros.

Não tem que ser assim. Existe uma variedade de ferramentas para profissionais de marketing e desenvolvedores de email automatizarem seu fluxo de trabalho de email, permitindo que você elimine o mundano - e detecte esses erros caros antes de enviar.

Como descobrimos em nosso Relatório de Fluxos de Trabalho de Estado de E-mail de 2018, os programas de e-mail têm muitas partes móveis e os ciclos de produção geralmente levam algumas semanas ou mais para um único e-mail.

Com ciclos de produção tão longos, existem muitas oportunidades para economizar tempo aqui e aqui e se tornar mais eficiente. Aqui estão sete maneiras de adicionar automação ao fluxo de trabalho de e-mail:

Crie modelos padronizados

Tempo economizado: 30-60 minutos

Se você deseja otimizar seu fluxo de trabalho, um modelo é um bom lugar para começar. Substituir a cópia ou os elementos de design, mas mantendo as peças essenciais específicas da marca, pode dar o pontapé inicial no processo de criação de e-mail. Também pode ser útil para não codificadores.

A maioria dos designers de e-mail relatou a criação de projetos de e-mail únicos para grandes eventos, como novos produtos ou campanhas sazonais importantes, como a Black Friday, de acordo com nosso relatório de 2017 State of Email Creative. Usar um modelo padronizado no resto do tempo cria grandes eficiências de produção.

É exatamente por isso que criamos os Modelos da Comunidade Litmus - uma coleção de modelos elegantes e pré-testados que cobrem uma variedade de usos, desde gerenciamento de contas e e-commerce até lançamento e marketing de produtos.

Baixe os modelos da comunidade Litmus Comece sua próxima campanha com um dos modelos pré-testados do Litmus. Acesse os modelos →

Pegue um atalho enquanto codifica

Utilize Snippets

Tempo economizado: 10-15 minutos

Snippets são módulos de código reutilizável. Eles são ideais para elementos que são comumente usados ​​em designs de e-mail, como doctype, botões à prova de balas e links. Em vez de ter que reescrever o código cada vez que um desses elementos é usado, você pode usar um Snippet. Isso reduz a redundância e possíveis erros de codificação para elementos comuns em seus designs de e-mail.

Tomemos os botões à prova de balas como exemplo. Os botões à prova de balas funcionam como um grampo em e-mails para frases de chamariz (CTA). No entanto, cada botão precisa de personalização para cada e-mail individual: cópia diferente, links diferentes e posicionamento diferente.

Aqui está o pedaço de HTML que usamos para um botão à prova de balas:

 <table border="0" cellspacing="0" cellpadding="0"> <tr>   <td>     <table border="0" cellspacing="0" cellpadding="0">       <tr>         <td align="{align}" bgcolor="{bgcolor}" <a href="{link}" target="_blank">I am a button &rarr; </a> </td>        </tr>      </table>    </td>  </tr> </table>

Os trechos resolvem o problema de recriar constantemente o código do botão à prova de balas à mão e você pode salvá-lo em uma biblioteca de trechos como um gatilho de atalho. Neste exemplo, vamos chamá-lo de 'bb', abreviação de botão à prova de balas.

Agora, sempre que quiser adicionar um botão à prova de balas, você pode simplesmente usar o atalho 'bb' para gerar o código.

Você pode usar Snippets em:

• Litmus Builder
• Texto Sublime
• Átomo
• Dreamweaver
• Coda

Quer ainda mais trechos? Tem alguns favoritos que gostaria de compartilhar?
Junte-se à comunidade para pesquisar e contribuir com trechos de nossa biblioteca de trechos.

Utilize parciais

Tempo economizado: 30 min - Algumas horas, dependendo de quantos modelos de e-mail você está atualizando

Parciais são blocos de código globais, dinâmicos e reutilizáveis ​​que podem ser usados ​​em vários emails. As alterações feitas em um parcial serão aplicadas a todos os e-mails em que esse Parcial for referenciado.

Vinte e dois por cento dos profissionais de marketing usam parciais, de acordo com nosso relatório de 2018 State of Email Workflows. Isso representa um aumento de 18,2% em 2017. À medida que o uso de e-mails automatizados continua a crescer, o mesmo deve acontecer com o uso parcial.

Parciais funcionam bem para seções de código, como cabeçalhos, rodapés, redefinir CSS e CTAs comumente usados ​​- qualquer coisa que se repete em vários emails, tornando-os uma ferramenta ideal para emails acionados e transacionais.

Por exemplo, no Litmus usamos o mesmo cabeçalho na maioria dos nossos e-mails:

 <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td bgcolor="#33373e" align="center"> <!--[if (gte mso 9)|(IE)]> <table width="500" align="center" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <![endif]--> <table cellpadding="0" cellspacing="0" width="100%" border="0" align="center"> <tr> <td align="center"> <a href="http://litmus.com" target="_blank"> <img src="logo.png" width="130" height="48" alt="Litmus" border="0"> </a> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table>

Em vez de usar o HTML e CSS reais do cabeçalho do e-mail, usamos uma referência parcial:

 <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td align="center"> {{header}} </td> </tr> </table>

Observação: a referência acima está usando a sintaxe do guiador, que é usada no Litmus Builder.

Sempre que forem necessárias alterações no cabeçalho, podemos evitar modificar manualmente cada e-mail onde o cabeçalho aparece. Em vez de atualizar e-mails individuais, simplesmente atualizamos o parcial, o que aplica a alteração a todos os e-mails em que esse parcial é usado. Os parciais tornam o gerenciamento e a manutenção de seus e-mails mais fácil, rápido e escalonável.

Para usar parciais, você precisa aproveitar um sistema de compilação e um gerador de site estático, como Handlebars, Middleman ou Assemble. É altamente recomendável usar o Litmus Builder (nenhuma configuração necessária) ou o Grunt Email Workflow de Lee Munroe para usar os Partials.

Use atalhos de código com Emmet

Tempo economizado: 10-15 minutos

Emmet é um complemento gratuito para o seu editor de texto que permite digitar atalhos de teclado que são expandidos em segmentos completos de código.

Ao usar o Emmet, os criadores de e-mail digitam menos, economizando toques no teclado e tempo ao construir uma campanha. Além disso, contar com o preenchimento automático de Emmet significa menos erros de digitação e tags ausentes, levando a e-mails mais robustos.

Emmet está disponível para uma variedade de editores de texto e é integrado ao Litmus Builder. Popular entre os web designers, Emmet tem visto uma adoção crescente entre designers de e-mail que buscam agilizar seus fluxos de trabalho, embora o uso ainda seja pequeno.

A maneira mais fácil de entender Emmet é olhando para um exemplo. Digamos que você queira uma tabela com três linhas, cada uma contendo uma célula da tabela com uma imagem acima de um parágrafo de texto e um link.

Em vez de digitar manualmente - ou copiar e colar - cada linha, célula da tabela, imagem, parágrafo e tag de link, você pode condensar em uma linha e deixar Emmet fazer a maior parte do trabalho para você.

 table>tr*3>td>img+p+a

Depois de apertar o botão TAB para acionar o Emmet, a linha de código acima é expandida para HTML completo.

 <table> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> </table>

Elimine tarefas repetitivas e construa mais rápido

Use um executor de tarefas

Tempo economizado: 30-60 minutos

Os executores de tarefas automatizam tarefas repetitivas, como CSS embutido e envio de e-mails de teste. De acordo com nosso relatório de 2018 State of Email Workflows, 8,9% dos profissionais de marketing por email usam executores de tarefas como parte de seu fluxo de trabalho de produção de email.

Veja se um executor de tarefas pode ajudá-lo verificando estas opções:

• Grunhido
• Gole
• Codekit

Use um gerador de site estático

Tempo economizado: 30 min - Algumas horas, dependendo de quantos modelos de e-mail você está atualizando

Geradores de sites estáticos são sistemas construídos para arquivos simples que permitem modelar e decompor elementos de e-mail.

Isso torna mais fácil para os criadores de email editar e controlar esses elementos de email. Quase 9% dos profissionais de marketing por email estão usando geradores de sites estáticos como parte de seu fluxo de trabalho de produção de email, de acordo com nosso relatório de 2018 State of Email Workflows.

Veja se os geradores de sites estáticos podem ajudá-lo, verificando estas opções:

• Guidão
• Intermediário
• Montar

Os executores de tarefas e geradores de sites estáticos têm sido usados ​​historicamente como ferramentas de desenvolvimento web, mas podem ser usados ​​em e-mail para configurar uma estrutura que inclui layouts, variáveis ​​e parciais para ajudar a otimizar seu fluxo de trabalho de ponta a ponta.

Pré-processadores e pós-processadores

Tempo economizado: 10-15 minutos

Pré-processadores e pós-processadores são essencialmente uma maneira diferente de escrever CSS. Embora não economize tempo diretamente, eles podem ajudar a automatizar seu fluxo de trabalho, alterando o formato para que possa ser processado por um navegador.

Um pré-processador converte o código escrito em uma linguagem de pré-processamento em HTML ou CSS compatível com os padrões que pode ser processado por um navegador.

Veja se os pré-processadores podem ajudá-lo verificando estas opções:

• Sass
• Haml
• Menos

Um pós-processador limpa seu CSS e o converte em CSS compatível com os padrões para garantir a compatibilidade entre os clientes de e-mail.

Adicione automação ao seu fluxo de trabalho de e-mail usando o Litmus

Esteja você criando modelos, usando atalhos como Snippets, Partials ou Emmet, ou usando executores de tarefas para codificar seu e-mail, você pode incorporar todos os tipos de automação no Litmus Builder. Usando o Litmus, você poderá acelerar seu tempo de produção - permitindo que você se concentre em projetar e construir ótimos e-mails.

Ouça nosso webinar sobre automação de e-mail ou dê um giro no Litmus.

Automatize seu fluxo de trabalho →