Design de E-mail: Exemplos e Melhores Práticas

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

Neste post, exploraremos algumas melhores práticas essenciais de design de e-mail, completas com exemplos, para ajudá-lo a criar e-mails que não apenas tenham uma ótima aparência, mas também impulsionem a ação.

Design de E-mail: Exemplos e Melhores Práticas

Mantenha a Marca

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

Você também deve usar seus e-mails como oportunidades para vincular seu site e mídias sociais.  Isso não apenas torna seus e-mails instantaneamente reconhecíveis, mas também reforça a presença da sua marca.

Felizmente, você tem várias plataformas e ferramentas à sua disposição para ajudá-lo a criar designs de e-mail que estejam de acordo com a marca. Além disso, muitas plataformas oferecem modelos de design de e-mail para você usar e personalizar que já incluem opções de marca e outros elementos importantes.

O WPForms, por exemplo, oferece 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 através do seu site, e esses e-mails precisam de uma marca consistente, assim como o restante dos e-mails que você envia!

Divirta-se com Emojis

Incorporar emojis em suas linhas de assunto ou no corpo do conteúdo pode adicionar um toque lúdico e chamar a atenção do seu público. Portanto, não hesite em adicionar essa diversão à 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óglifos modernos.

Certifique-se de usar emojis com moderação e apenas se eles se alinharem à voz da sua marca, para evitar parecer pouco profissional. Quando escrevo e-mails de newsletter, 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 um punhado deles ao longo da mensagem do e-mail.

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

Use um Chamativo

Sua linha de assunto é a primeira coisa que seus leitores verão, então faça valer a pena. 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 esperando! Use o mínimo de palavras possível ao escrever a linha de assunto – você quer que tudo caiba na linha sem que nada seja cortado.

Portanto, sua linha de assunto deve ser curta e direta, ao mesmo tempo em que deixa claro para o destinatário que este e-mail vale a pena ser aberto. Confira algumas das linhas de assunto neste guia de exemplos de e-mail de carrinho abandonado.

Mas não se machuque tentando fazer com que *tudo* caiba *e* seja valioso *e* seja cativante – deixe a inteligência artificial te ajudar! Dê uma olhada no nosso guia sobre usar IA para gerar linhas de assunto de e-mail para saber mais.

Otimize o Pré-Cabeçalho

O texto do pré-cabeçalho é como uma segunda linha de assunto. É mais uma chance de realmente vendê-lo para o seu destinatário!

Use este espaço com sabedoria para complementar sua linha de assunto e atrair seus leitores para 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 não faça as linhas muito semelhantes… Um pouco complicado, eu sei.

Novamente, não se esqueça que a IA pode ser uma grande ajuda neste aspecto do seu design de e-mail. Na verdade, a IA pode te ajudar 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 lá para você!

Torne-o Amigável para Celular

Como você está lendo este artigo agora? É no seu dispositivo móvel? Você já verificou seu e-mail no seu celular? Aposto que sim!

O ponto é que, com mais da metade dos e-mails sendo abertos em dispositivos móveis, seu design deve ser compatível com dispositivos móveis. E mesmo que a plataforma de envio de e-mail de sua escolha possa apresentar recursos responsivos para dispositivos móveis, existem alguns elementos de design que você pode incorporar para garantir uma boa experiência móvel.

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 seu design de e-mail antes de enviá-lo para saber como ele fica em uma tela pequena.

Adicione um Toque Pessoal

Um toque pessoal pode fazer uma grande diferença, e muitas das plataformas de e-mail 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 passadas pode tornar seus e-mails mais relevantes e envolventes.

Portanto, use os dados que você coleta através do 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 Ponto

Um professor sábio ensinou à minha turma sobre "cortar o excesso" ao escrever, e isso não é diferente quando se trata de escrever e-mails. Muitas vezes, você tem que cortar o conteúdo excessivo e desnecessário que seus leitores não querem ou precisam.

Em outras palavras, vá direto ao ponto!

Prove aos seus leitores que você respeita o tempo e a atenção deles, e que você 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 para a Ação

Uma "chamada para ação", ou CTA, é um comando direto que você dá ao seu leitor para uma ação que você quer que ele complete.

Seu CTA pode ser ler um artigo, assinar sua newsletter, seguir você nas redes sociais, e assim por diante.

Portanto, para ser eficaz, seu CTA deve ter estes atributos:

• É claro, atraente 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 para o destinatário completar

Você pode ver um dos botões de CTA que fiz 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 o olhar do leitor pelo conteúdo de forma suave. Seu conteúdo é o rio, e você quer ajudar seu leitor a fluir com ele.

Para fazer isso, comece com as informações mais importantes no topo, e use subtítulos para dividir o texto ao longo do caminho.

A estrutura e o layout do seu e-mail são outra área onde usar 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 este aspecto do design do seu e-mail.

Qualquer que seja o estilo de formatação que você escolher, apenas certifique-se de ter em mente a experiência do seu leitor – 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 seu leitor seguir e absorver.

Seja Visual

Além do design de estrutura e layout, não tenha medo de ser visual com seu conteúdo!

Incorpore imagens, GIFs ou vídeos para tornar seus e-mails mais envolventes. 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á uma razão pela qual seu destinatário abriu seu e-mail e escolheu consumir informações dessa maneira.

Portanto, não lhes dê uma galeria de arte quando eles esperam texto em uma tela.

Assine com uma Assinatura

A personalização com o design do seu e-mail não precisa se limitar apenas aos seus destinatários. Certifique-se de se despedir com uma assinatura original sua 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 faz parte das configurações do seu e-mail ou da plataforma de sua escolha, sua assinatura é usada em todos os e-mails que vêm de você.

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

• Foto sua
• Seu nome
• Cargo ou posição
• Nome da empresa
• Pequeno logotipo
• Links de redes sociais

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

Dê uma Saída

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

Portanto, você precisa sempre incluir um link de cancelamento de inscrição 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.

Na WP Mail SMTP, incluímos a opção de cancelamento de inscrição na parte inferior de todos os boletins informativos que enviamos. Considere colocar seu link de cancelamento de inscrição com os links que mencionei em sua despedida também.

Seus leitores sabem onde encontrá-lo! E com outros meios de contato e conexão, você pode até conseguir que eles voltem a ser assinantes de e-mail mais tarde.

Faça Testes

Finalmente, quando tudo estiver dito e feito, você deve submeter seu design de e-mail a alguns testes antes de enviar.

Você deve literalmente enviar um e-mail de teste para si mesmo primeiro para ver como será a experiência do seu destinatário. Sua plataforma de e-mail deve permitir isso como um passo básico ao construir uma campanha de e-mail.

Em seguida, para descobrir o que mais ressoa com seu público, execute testes A/B em diferentes elementos do seu e-mail, como linhas de assunto, CTAs ou layouts de design. Você pode então usar essas informações para melhorar continuamente suas campanhas de e-mail.

Erros a Evitar

Agora, vamos considerar o que NÃO fazer com o design do 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 para Imagens: Não se esqueça de adicionar texto alternativo às imagens para acessibilidade e para clientes de e-mail que bloqueiam imagens.
• Não Testar em Múltiplos Dispositivos: Você precisa visualizar e testar e-mails em vários dispositivos e plataformas, mesmo no modo escuro.

Aí está! Seguindo estas melhores práticas e evitando alguns erros comuns, você será seu próprio profissional de marketing por e-mail em pouco tempo.

Tem dúvidas sobre alguma destas dicas? Conte-nos nos comentários.

Corrija seus e-mails do WordPress agora

Perguntas Frequentes

Como o melhor plugin de entregabilidade de e-mail para WordPress, recebemos muitas perguntas sobre tudo relacionado a e-mail. Aqui estão algumas das perguntas mais frequentes sobre design de e-mail:

Quais são os elementos-chave 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), responsividade móvel e conteúdo visualmente atraente que se alinha à 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 ajusta a diferentes tamanhos de tela, mantenha o texto conciso, use fontes maiores para legibilidade e certifique-se de que os botões sejam fáceis de clicar em telas pequenas.

Como mantenho a consistência da marca nos meus designs de e-mail?

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

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

Mencionei neste artigo que incluir uma opção de cancelamento de inscrição em seu e-mail é exigido por lei. Você sabia que existem regras adicionais a serem seguidas ao enviar e-mails? Dê uma olhada em nosso guia para 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 do WordPress. Se você não tem tempo para corrigir seus e-mails, pode obter assistência completa de Configuração White Glove como uma compra adicional, e há uma garantia de devolução do dinheiro em 14 dias para todos os planos pagos.