Design de e-mail: Exemplos e práticas recomendadas

Se você envia e-mails, precisa considerar o design do seu e-mail - simples assim. Porque até mesmo a mensagem mais convincente pode ser ignorada se não for bem apresentada.

Nesta postagem, exploraremos algumas das principais práticas recomendadas de design de e-mail, com exemplos, para ajudá-lo a criar e-mails que não apenas tenham uma ótima aparência, mas que também gerem ações.

Design de e-mail: Exemplos e práticas recomendadas

Mantenha-se na marca

A consistência é fundamental no design de e-mail. Você deseja criar e-mails que reflitam a identidade visual da sua marca, portanto, inclua as cores, as fontes e o logotipo da sua marca em todos os e-mails.

Você também deve usar seus e-mails como oportunidades para criar links para seu site e mídia social. Isso não apenas torna seus e-mails instantaneamente reconhecíveis, mas também reforça a presença de sua marca.

Felizmente, você tem várias plataformas e ferramentas ao seu alcance para ajudá-lo a criar designs de e-mail com a marca. Além disso, muitas plataformas oferecem modelos de design de e-mail para você usar e personalizar, já com opções de marca e outros elementos importantes incluídos.

O WPForms, por exemplo, fornece modelos de e-mail personalizáveis para e-mails de notificação. Os visitantes do seu site recebem um e-mail de notificação quando enviam um formulário pelo seu site, e esses e-mails precisam de uma marca consistente, assim como o restante dos e-mails que você envia!

Divirta-se com os Emojis

A incorporação de emojis em suas linhas de assunto ou no corpo do conteúdo pode dar um toque lúdico e chamar a atenção do público. Portanto, não hesite em usar essa adição divertida à sua estratégia de marketing por e-mail!

Dito isso, você não quer transformar suas mensagens de e-mail em algum tipo de hieróglifo moderno.

Certifique-se de usar os emojis com moderação e somente se eles estiverem alinhados com a voz da sua marca, para evitar parecer pouco profissional. Quando estou escrevendo e-mails de boletins informativos, por exemplo, gosto de incluir um emoji na linha de assunto ou no pré-cabeçalho do meu e-mail (sobre o qual falaremos a seguir) e espalhar apenas alguns deles ao longo da mensagem de e-mail.

É uma maneira criativa de levar os leitores de 😒 para 😄.

Use um chamador de atenção

Sua linha de assunto é a primeira coisa que seus leitores verão, portanto, faça com que ela seja importante. Crie uma linha de assunto que desperte a curiosidade ou ofereça valor e certifique-se de que ela reflita o conteúdo do e-mail para definir as expectativas corretas.

Mas também não deixe seus leitores na mão! Use o mínimo de palavras possível ao escrever a linha de assunto - você quer que tudo caiba na linha, sem nada cortado.

Portanto, sua linha de assunto deve ser curta e agradável, deixando claro para o destinatário que vale a pena abrir esse e-mail. Confira algumas das linhas de assunto neste guia de exemplos de e-mails de carrinho abandonado.

Mas não se machuque tentando fazer com que tudo se encaixe , seja valioso e cativante - deixe a inteligência artificial ajudá-lo! Dê uma olhada em nosso guia sobre o uso de IA para gerar linhas de assunto de e-mail para saber mais.

Empurre o pré-cabeçalho

O texto do pré-cabeçalho é como uma segunda linha de assunto. É outra chance de realmente vender para o destinatário!

Use esse espaço com sabedoria para complementar a linha de assunto e motivar seus leitores a abrir o e-mail. Ele pode fornecer um breve resumo ou um gancho adicional.

Então, basicamente, faça tudo o que eu disse para fazer com a linha de assunto, novamente. Exceto que não deixe as linhas muito parecidas... É um pouco complicado, eu sei.

Novamente, não se esqueça de que a IA pode ser de grande ajuda nesse aspecto do design de seu e-mail. Na verdade, a IA pode ajudá-lo em quase todas as facetas do seu marketing por e-mail.

Dê uma olhada na minha extensa lista para ver quais ferramentas eu sugiro para cada tarefa relacionada a e-mail. Tenho certeza de que você encontrará algo para você!

Torná-lo compatível com dispositivos móveis

Como você está lendo este artigo neste momento? Está em seu dispositivo móvel? Você costuma verificar seu e-mail pelo celular? Aposto que já fez isso antes!

A questão é que, como mais da metade dos e-mails é aberta em dispositivos móveis, seu design deve ser compatível com dispositivos móveis. E, embora a plataforma de envio de e-mail escolhida possa apresentar recursos responsivos a dispositivos móveis, há alguns elementos de design que você mesmo pode incorporar para garantir uma boa experiência em dispositivos móveis.

Para garantir que o design do seu e-mail seja compatível com dispositivos móveis, você deve:

• Formate seu e-mail em um layout de coluna única
• Use fontes grandes sempre que possível
• Inclua botões que sejam fáceis de tocar com o dedo em uma tela pequena

Em seguida, certifique-se de visualizar a versão móvel do design do seu e-mail antes de enviá-lo para saber como ele ficará em uma tela pequena.

Adicione um toque pessoal

Um pouco de toque pessoal pode ajudar muito, e muitas das plataformas de mala direta que mencionei anteriormente podem ajudá-lo a fazer isso.

Personalizar seus e-mails incluindo o nome do destinatário ou adaptando o conteúdo com base em interações anteriores pode fazer com que seus e-mails pareçam mais relevantes e envolventes.

Portanto, use os dados que você coleta em seu site (nomes fornecidos em formulários, detalhes de geolocalização) para segmentar seu público e enviar e-mails mais direcionados.

Vá direto ao assunto

Certa vez, um sábio professor ensinou minha turma a "cortar a gordura" ao escrever, e isso não é diferente quando se trata de escrever e-mails. Muitas vezes, é preciso cortar o conteúdo excessivo e desnecessário que seus leitores não querem ou não precisam.

Em outras palavras, vá direto ao ponto!

Demonstre aos seus leitores que você respeita o tempo e a atenção deles e que não vai desperdiçá-los. Isso o beneficiará a longo prazo e tem o potencial de ajudá-lo a manter seus assinantes e clientes fiéis.

Chame a ação

Uma "chamada para ação", ou CTA, é um aviso direto que você dá ao leitor para uma ação que deseja que ele realize.

Sua CTA pode ser para ler um artigo, inscrever-se em seu boletim informativo, segui-lo nas mídias sociais e assim por diante.

Portanto, para ser eficaz, sua CTA deve ter esses atributos:

• É claro, convincente e fácil de encontrar
• É utilizado como um botão ou texto em negrito para se destacar
• Requer uma ação que seja fácil de ser concluída pelo destinatário

Você pode ver um dos botões de CTA que criei para este artigo logo abaixo desta frase. Não é legal?

Corrija seus e-mails do WordPress agora

Siga o fluxo

Um e-mail bem estruturado guia os olhos do leitor pelo conteúdo de forma suave. Seu conteúdo é o rio, e você quer ajudar o leitor a seguir o fluxo.

Para isso, comece com as informações mais importantes na parte superior e use subtítulos para separar o texto ao longo do caminho.

A estrutura e o layout do seu e-mail é outra área em que o uso de um modelo fornecido é incrivelmente útil. Com os modelos de e-mail de notificação do WPForms, você pode escolher entre 5 estilos de modelo diferentes (ou fazer você mesmo com texto simples) para otimizar esse aspecto do design do seu e-mail.

Seja qual for o estilo de formatação que você escolher, lembre-se de manter a experiência do leitor em mente - você não quer sobrecarregá-lo. Utilize bastante espaço em branco em todo o seu conteúdo para que seja fácil para o leitor acompanhar e absorver.

Obter visual

Deixando de lado a estrutura e o design do layout, não tenha medo de usar recursos visuais em seu conteúdo!

Incorpore imagens, GIFs ou vídeos para tornar seus e-mails mais envolventes. O conteúdo visual pode transmitir sua mensagem rapidamente e tornar seus e-mails mais memoráveis.

No entanto, o equilíbrio é fundamental - não sobrecarregue seu e-mail com muitos recursos visuais. Há um motivo pelo qual o destinatário abriu seu e-mail e optou por consumir informações dessa forma.

Portanto, não ofereça a eles uma galeria de arte quando eles esperam um texto em uma tela.

Assinar com uma assinatura

A personalização do design do seu e-mail não precisa se limitar apenas aos destinatários. Certifique-se de assinar com uma assinatura original feita por você também!

Uma assinatura de e-mail profissional não apenas fornece suas informações de contato, mas também reforça sua marca. E quando ela faz parte das configurações de e-mail ou da plataforma escolhida, sua assinatura é usada em todos os e-mails que chegam de você.

Aqui estão algumas coisas que você pode querer incluir em sua assinatura de e-mail:

• Foto de você
• Seu nome
• Cargo ou posição
• Nome da empresa
• Logotipo pequeno
• Links de mídia social

Uma assinatura de e-mail é uma ótima maneira de seu público fazer uma associação positiva com você, conhecê-lo e, por fim, permanecer fiel a você ou à sua marca.

Dê-lhes uma saída

Essas dicas são boas e ótimas, mas às vezes simplesmente não funcionam.

Portanto, você precisa sempre incluir um link de cancelamento de assinatura claro e fácil de encontrar em seus e-mails. Isso não só é exigido por lei, mas também ajuda a manter um relacionamento positivo com seu público, respeitando suas preferências.

No WP Mail SMTP, incluímos a opção de cancelamento de assinatura na parte inferior de cada boletim informativo que enviamos. Considere também colocar o link de cancelamento de assinatura com os links que mencionei em sua assinatura.

Seus leitores sabem onde encontrá-lo! E com outros meios de contato e conexão, é possível que você os tenha de volta como assinantes de e-mail mais tarde.

Executar alguns testes

Por fim, quando tudo estiver dito e feito, você deve testar o design do seu e-mail antes de fazer o envio completo.

Você deve literalmente enviar um e-mail de teste para si mesmo primeiro para ver como será a experiência do destinatário. Sua plataforma de mala direta deve permitir isso como uma etapa básica ao criar uma campanha de e-mail.

Em seguida, para descobrir o que repercute melhor em seu público, execute testes A/B em diferentes elementos de seu e-mail, como linhas de assunto, CTAs ou layouts de design. Em seguida, você pode usar esses insights para melhorar continuamente suas campanhas de e-mail.

Erros a serem evitados

Agora, vamos considerar o que NÃO fazer com o design de seu e-mail:

• Sobrecarga de informações: Não coloque muito conteúdo em um único e-mail.
• Ignorar a hierarquia visual: Isso cria o risco de não guiar os leitores pelo e-mail com um fluxo claro.
• Negligenciar o texto alternativo das imagens: Não se esqueça de adicionar texto alternativo às imagens para acessibilidade e clientes de e-mail que bloqueiam imagens.
• Não testar em vários dispositivos: Você precisa visualizar e testar e-mails em vários dispositivos e plataformas, mesmo no modo escuro.

É isso aí! Seguindo essas práticas recomendadas e evitando alguns erros comuns, você será seu próprio profissional de marketing por e-mail em pouco tempo.

Tem dúvidas sobre alguma dessas dicas? Conte para nós nos comentários.

Corrija seus e-mails do WordPress agora

PERGUNTAS FREQUENTES

Como o melhor plug-in de capacidade de entrega de e-mail para WordPress, recebemos muitas perguntas sobre todos os assuntos relacionados a e-mail. Aqui estão algumas das perguntas mais frequentes sobre design de e-mail:

Quais são os principais elementos de um design de e-mail eficaz?

Um design de e-mail eficaz inclui uma linha de assunto clara e atraente, um layout bem organizado, uma forte chamada para ação (CTA), capacidade de resposta móvel e conteúdo visualmente atraente que se alinhe à sua marca.

Como posso ter certeza de que o design do meu e-mail é compatível com dispositivos móveis?

Para criar um design de e-mail compatível com dispositivos móveis, use um design responsivo que se ajuste a diferentes tamanhos de tela, mantenha o texto conciso, use fontes maiores para facilitar a leitura e garanta que os botões sejam facilmente clicáveis em telas pequenas.

Como posso manter a consistência da marca em meus designs de e-mail?

Mantenha a consistência da marca usando a paleta de cores, as fontes e o logotipo de sua marca em todos os e-mails. Além disso, mantenha um tom e um estilo consistentes em suas mensagens para reforçar a identidade de sua marca.

Em seguida, garanta que seus e-mails estejam em conformidade

Mencionei neste artigo que a inclusão de uma opção de cancelamento de assinatura em seu e-mail é exigida por lei. Você sabia que há regras adicionais a serem seguidas ao enviar e-mails? Dê uma olhada em nosso guia sobre CAN-SPAM, GDPR e outros elementos de conformidade de e-mail para saber mais.

Pronto para corrigir seus e-mails? Comece hoje mesmo com o melhor plugin SMTP para WordPress. Se você não tiver tempo para corrigir seus e-mails, poderá obter assistência completa da White Glove Setup como uma compra extra, e há uma garantia de reembolso de 14 dias para todos os planos pagos.