Exemplos de parciais e snippets para roubar (e criar e-mails exclusivos em minutos)

Publicados: 2021-08-20

Muitos e-mails em tão pouco tempo. Quer você seja novo no marketing por e-mail ou um profissional experiente, pode ter sentido o pesado fardo de uma sobrecarga de trabalho. Talvez você esteja sentindo isso agora. Uma maneira de enviar e-mails mais rápido? Módulos ou componentes de e-mail. Mas se você não tem certeza se seus módulos devem ser um snippet ou parcial - ou se você está começando do zero - continue lendo.

Nós o orientaremos pela diferença entre snippets e parciais, incluindo sugestões sobre como você pode dividir seu e-mail nos módulos apropriados. E se você quiser apenas pegar e ir embora, role para baixo para alguns trechos que criamos para você.

Fragmento ou parcial?

Comecemos pelo princípio: o que deve ser um snippet? O que poderia ser melhor como parcial? Dê uma olhada nesta árvore de decisão para ajudá-lo a descobrir quais partes do seu e-mail devem ser parciais ou um snippet.

Fluxograma parcial ou trecho

Usando nosso boletim informativo como exemplo, veja como classificamos os diferentes elementos:

trechos de boletim informativo de tornassol e parciais

Agora vamos aprender um pouco mais sobre snippets e parciais.

Os snippets são melhores para ...

Snippets são bits de código reutilizáveis ​​que podem ser usados ​​em várias campanhas, mas podem exigir edições para cada uso (como a troca de imagens, texto, links ou cores). Os snippets tendem a ser ótimos para elementos como:

  • Títulos
  • Texto do parágrafo
  • Links de texto
  • Botões à prova de balas
  • Tags de imagem
  • Padrões reutilizáveis ​​(por exemplo, artigos, calendários, cartões de produtos)

Portanto, você pode ter um snippet para uma imagem principal, título, bloco de cópia, botão, bloco de imagem 2 × 2, seção de duas colunas com imagem à direita, seção de duas colunas com imagem à esquerda e assim por diante.

Por que não apenas criar tudo isso em um único modelo de e-mail? Criar cada peça separadamente como um snippet dá a você e sua equipe maior flexibilidade para reorganizar os elementos e misturar e combinar os e-mails.

Aqui estão alguns e-mails da minha caixa de entrada, circulando seções exclusivas que deveriam ser totalmente trechos (e talvez sejam!).

OOLY Asana Duolingo ABC
OOLY email com snippets marcadosEmail Asana com snippets marcadosEmail do Duolingo ABC com trechos marcados

Vamos dar uma olhada em um dos e-mails. O primeiro do OOLY parece que poderia ser feito com pelo menos dois snippets: 1) combinação de imagem de largura total, título, texto do corpo, botão e 2) combinação de imagem preenchida, título, texto do corpo, botão.

Fazer um trecho de uma combinação ou padrão de elementos dá a você o controle de como as coisas devem ser dispostas. Mas se você não se importa que esses elementos estejam em uma ordem diferente (como ter o título acima da imagem), você pode dividir isso ainda mais, separando cada um dos elementos em seu próprio trecho: 1) imagem de largura total, 2 ) imagem preenchida, 3) título, 4) texto do corpo e 5) botão.

Parciais são melhores para ...

Parciais são compartilhados por várias campanhas. Ou seja, eles funcionam melhor quando contêm conteúdo que não muda com frequência - se é que muda - e precisa permanecer consistente em todas as campanhas em que são usados. Você também pode ouvi-lo chamado de conteúdo dinâmico global.

O bônus: todas as alterações que você fizer em uma parcial (como se sua empresa usar logotipos sazonais ou precisar atualizar divulgações) são atualizadas automaticamente em todos os e-mails que usam essa parcial. Uma grande economia de tempo, especialmente se você tiver um zilhão de e-mails acionados que seriam difíceis de atualizar um por um.

Para os desenvolvedores, pense nisso como um único arquivo CSS usado em várias páginas da web.

Isso faz com que parciais de e-mail sejam perfeitos:

  • Logos
  • Cabeçalhos
  • Rodapés
  • Ícones sociais
  • Isenção de responsabilidade
  • Medidores de sentimento
  • Conteúdo básico (por exemplo, suporte ao cliente)
  • Conteúdo promocional secundário (por exemplo, cartão de crédito da loja)

Em uma empresa anterior, estávamos desenvolvendo nosso programa Assine e Salve, então incluí um pequeno banner promovendo-o em cada e-mail (segmentado para as pessoas que ainda não estavam no programa, é claro). Mais tarde, quando aumentamos o incentivo para ingressar, eu só precisava atualizar o texto em uma parte em vez de ir para cada e-mail. Uau. Magia.

Vamos jogar o jogo do módulo de e-mail novamente. Três e-mails da minha caixa de entrada, circulando o que eu transformaria em parcial.

Printique Calma Cura Global
Imprimir e-mail com parciais marcadosEmail calmo com parciais marcadosE-mail do Global Healing com parciais marcados

Se você der uma olhada no primeiro e-mail da Printique, por exemplo, verá que observei quatro parciais potenciais: 1) cabeçalho, 2) garantia, 3) prova social e 4) rodapé.

Eu agrupei todos os elementos de cabeçalho em um parcial e todos os elementos de rodapé juntos em outro. Mas, semelhante aos fragmentos, você pode separar os diferentes elementos em seus próprios parciais.

Se você for Printique e tiver diferentes barras de navegação dependendo do e-mail, poderá separar em uma parte do logotipo e uma parte da navegação. Dessa forma, você garante que seu logotipo seja consistente em todas as campanhas, mas deixa algumas opções para a barra de navegação.

Crie e colabore em módulos compartilhados

Centralize os principais componentes de suas campanhas de e-mail para colaborar mais facilmente, garantir a integridade da marca e dimensionar a produção em toda a sua equipe. Ótimo para desenvolvedores e não programadores!

Aprenda como →

Módulos que você pode copiar e colar agora

Existe um modelo inicial modular completo que criamos com 22 fragmentos (que você também pode usar como parciais) recentemente adicionados à Comunidade Litmus - de graça. Começar é tão fácil quanto copiar, colar e substituir.

  • Cabeçalho com logotipo centralizado
  • Imagem de largura total sem preenchimento
  • Imagem de largura total com preenchimento
  • H1 headline
  • Título H2
  • H3 headline
  • Cópia de introdução
  • Parágrafo
  • Lista ordenada
  • Lista não ordenada
  • Lista baseada em ícones
  • Botão CTA
  • Divisor
  • 1 coluna de depoimento ou palestrante
  • 2 colunas de imagem à esquerda
  • Imagem de 2 colunas à direita
  • 2 colunas de imagem + texto
  • Imagem + texto de 3 colunas
  • Seção de chamadas
  • Avaliação de experiência
  • Bloqueio de mídia social
  • Rodapé

Aqui está uma amostra da aparência que você pode esperar deles.

Cabeçalho com logotipo centralizado

Cabeçalho com logotipo centralizado

Obtenha o snippet →

Lista baseada em ícones

Lista baseada em ícones

Obtenha o snippet →

Botão de apelo à ação

Botão de apelo à ação

Obtenha o snippet →

Depoimento ou palestrante em uma coluna

Depoimento ou palestrante em uma coluna

Obtenha o snippet →

Imagem de duas colunas à esquerda

Imagem de duas colunas à esquerda

Obtenha o snippet →

Avaliação de experiência

Avaliação de experiência

Obtenha o snippet →

4 envelopes em cores diferentes

Quer todos os 22 trechos de e-mail?

Junte-se à Comunidade Litmus (é grátis!) Para acessar os trechos feitos pelo Litmus — QA testado em mais de 100 clientes de e-mail, incluindo o Modo Escuro. Você também verá trechos de seus amigos geeks de e-mail e poderá retribuir o favor compartilhando o seu próprio.

Pegue todos eles →

Ganhos de eficiência para a vitória

Sente-se mais à vontade? Graças ao poder dos módulos de e-mail, nosso desenvolvedor de e-mail, Carin Slater, pode criar um e-mail da marca sem erros em apenas 10 minutos. E você também pode. Portanto, leve esses exemplos de volta para sua equipe e aplique-os aos seus próprios e-mails. Um fluxo de trabalho mais eficiente significa mais tempo para gastar em estratégias inovadoras. Vencer / Vencer.

Logotipo Litmus

Crie e-mails perfeitos mais rápido com Litmus

Crie emails rapidamente usando snippets e parciais no Litmus Builder. Em seguida, visualize como eles se parecem em mais de 100 clientes de e-mail, aplicativos e dispositivos para a perfeição de pixel.

Comece seu teste grátis →