Introdução à construção modular usando Litmus

Temos falado muito ultimamente sobre construção modular - e por um bom motivo. É uma ótima maneira de otimizar e acelerar o desenvolvimento de e-mail.

E com as demandas crescentes das equipes de e-mail, é hora de implementar sistemas escalonáveis ​​para nos ajudar a manter o ritmo (e não esgotar).

É aí que entra a construção modular. Ele aproveita blocos de conteúdo reutilizáveis ​​que podem ser colocados juntos em diferentes combinações. Pense neles como Legos, mas por e-mail.

Se você é novato neste conceito, verifique nosso blog modular building 101 para uma visão geral.

Neste blog, vamos ajudá-lo a começar - tanto na criação de um caso de negócios para o seu negócio quanto na construção de módulos no Litmus.

Quais são os diferentes componentes modulares do Litmus?

Antes de mergulharmos, vamos cobrir alguns termos aos quais nos referimos quando falamos sobre construção modular no Litmus.

Trechos

Snippets são módulos de conteúdo reutilizável, ideais para elementos comumente usados ​​em designs de e-mail. Eles são o tipo de módulo mais flexível e podem ser editados no e-mail ou modelo em que estão incluídos.

Aqui estão alguns componentes que fazem bons snippets: blocos de herói, blocos de conteúdo primário / secundário, terciários e CTAs.

Parciais

Parciais são módulos globais, dinâmicos e reutilizáveis ​​que podem ser usados ​​em vários emails. As alterações feitas em uma parcial serão aplicadas a cada e-mail ou modelo em que essa parte for referenciada, economizando tempo e eliminando a possibilidade de esquecer de atualizar um e-mail ou modelo.

Os componentes que fazem boas parciais incluem: cabeçalhos, rodapés, redefinição de CSS e estilos de base, pontos de interrupção e estilos responsivos e elementos espaçadores.

Modelos

Os modelos permitem que sua equipe crie e-mails da marca e sem erros rapidamente. Em vez de reescrever um e-mail inteiro do zero para cada envio, você pode simplesmente adicionar cópias, imagens e links a um modelo existente antes de testá-lo e enviá-lo aos assinantes.

Biblioteca de Design

A Design Library é onde você armazenará seus módulos de código em um local centralizado. Enquanto constrói no Litmus, você pode puxar trechos e partes salvas em sua Biblioteca de Projetos em seus e-mails.

Como obtenho adesão para iniciar a construção modular?

De longe, o maior obstáculo para a adoção de construções modulares é o tempo. A fim de obter tempo em sua agenda para criar uma biblioteca de código reutilizável, você precisará da adesão de sua equipe de liderança.

Cada organização tem uma abordagem diferente para garantir a adesão, mas esperamos que o seguinte ajude você a mostrar o valor e a importância de investir em construção modular.

Aqui estão alguns dos principais benefícios que você deseja levar para casa com seus executivos de marketing:

• Oferece experiências com a marca em grande escala, sem aumentar enormemente o número de funcionários
• Economiza tempo para que você possa enviar mais e-mails com mais rapidez
• Permite que você se livre das ervas daninhas para que possa se concentrar mais na estratégia de e-mail do que no desenvolvimento

E essas estatísticas do Relatório de estado do e-mail de 2021 também devem ajudar a defender o caso:

• O volume de e-mails aumentou 61% desde a pandemia, mas o número de funcionários não. A construção modular pode ajudá-lo a construir com mais rapidez sem aumentar o número de funcionários.
• 58% dos profissionais de marketing por email têm um tempo de produção de 2 semanas. A construção modular pode ajudá-lo a acelerar o desenvolvimento de e-mail e reduzir o tempo que leva para enviar um e-mail.
• 43% dos profissionais de marketing por e-mail atualmente usam snippets - e outros 12% planejam. Este é o futuro do marketing por e-mail e você deseja estar sempre à frente.
• O marketing por email tem um ROI de 36: 1. A chave para o marketing por e-mail de sucesso são as experiências de marca consistentes - algo que a construção modular pode ajudá-lo a alcançar.

Como faço para começar com a construção modular?

Existem algumas maneiras diferentes de abordar isso.

Aqui no Litmus, começamos com uma auditoria. Isso incluiu documentar nossos modelos de e-mail atuais e identificar os módulos que eram comuns a todos eles. Em seguida, usamos o Figma para projetar e criar wireframes para nossos módulos, em vez de pular para a codificação. Isso nos permitiu construir módulos de código que realmente usaríamos repetidas vezes, tornando-o a abordagem que recomendamos.

Ou você pode começar criando modelos e, em seguida, trabalhar nos módulos. Foi assim que um de nossos clientes, Ferguson Enterprises, começou com a construção modular - permitindo que eles comecem rapidamente e iterem ao longo do tempo.

Como mencionamos, a maior barreira para a construção modular é o tempo. Uma abordagem iterativa pode permitir que você comece, mesmo que não tenha tempo e recursos para criar um sistema completo de design de e-mail.

Como posso usar o Litmus para construir módulos?

Existem duas maneiras de construir módulos no Litmus:

1. Diretamente na Biblioteca de Projetos
2. Salvando módulos do Builder

Vamos dar uma olhada em cada um e nas opções para começar.

Criação de módulos na Design Library

Navegue até a Biblioteca de projetos e clique no botão Novo módulo no canto superior direito. Você verá duas opções: Novo trecho e Novo parcial.

Para criar um trecho, clique em Novo trecho . Na próxima tela, dê ao seu snippet um nome e um gatilho. O gatilho é uma string de texto que você usará para inserir o fragmento no editor de código do Litmus Builder (por exemplo, p-list). Na seção de conteúdo do snippet, copie e cole seu código.

Para criar uma nova parcial, clique em Nova parcial. Dê um nome ao seu Partial e uma nova janela do editor será aberta. Insira seu código e clique em Salvar. ( Nota: Parciais só podem ser criados na Biblioteca de Projetos.)

Criação de módulos do Litmus Builder

A primeira etapa para criar módulos do Litmus Builder é iniciar um novo e-mail. Clique no botão Novo e-mail em qualquer pasta para começar. Dê um nome ao seu e-mail e escolha “Escolha um modelo”. A partir daqui, selecione o modelo de email em branco.

Se você tiver modelos de e-mail existentes , copie e cole seu HTML ou CSS no editor de código do Builder. Realce uma seção do código e você verá um botão que diz Salvar seleção como módulo. Assim como ao criar um snippet da Design Library, você dará ao seu snippet um nome e um gatilho. Clique em Criar módulo para salvar seu snippet. Et voila! É tão fácil.

Se você não tem código de onde extrair , tudo bem! É para isso que serve a comunidade de e-mail. Nosso próprio Carin Slater criou esses trechos de exemplo e parciais para você roubar. E a comunidade Litmus compartilhou alguns de seus trechos favoritos que você pode usar.

Experimente a criação modular de e-mail Torneio torna mais fácil ir modular. Armazene e organize seus trechos e parciais na Biblioteca de projetos. Em seguida, crie e-mails de teste de controle de qualidade rapidamente com o Editor Visual no Litmus Builder. Ele ainda vem pré-carregado com um modelo de e-mail totalmente otimizado com módulos para que você possa começar imediatamente. Comece o teste gratuito