Como criar um e-mail que tenha sempre boa aparência? Vídeo
Ao enviar uma mensagem, é importante seguir um par de regras que o ajudarão a fazer um efeito duradouro em seus leitores. Este artigo listará as práticas mais úteis quando se trabalha com nosso novo editor.
Geral
- Certifique-se de que sua mensagem não seja maior do que 600px. Esta é a largura padrão de uma mensagem que é suportada por clientes de e-mail, por isso é melhor não ultrapassá-la para evitar barras de rolagem horizontais.
- Mantenha suas informações mais importantes acima da dobra. “Above-the-fold” é o espaço de 400-450 pixels que os assinantes vêem quando abrem a mensagem – tudo o que cabe na tela e pode ser visto sem rolagem.
- Tenha mais texto do que imagens na mensagem.
- Faça as cores da mensagem coerentes com sua marca.
- Personalize a mensagem onde você pode. Saiba mais sobre personalização.
- Seu conteúdo de e-mail deve se concentrar em uma mensagem simples, enfatizando os pontos de venda únicos.
- Seus botões devem ter um CTA (Call to Action) claro para garantir que seus leitores saibam o que é esperado deles.
- Adicione links de mídia social para aumentar seu acompanhamento e o alcance da mensagem.
- Adicionar uma assinatura com detalhes de quem está escrevendo a mensagem (foto, nome, função).
- Você pode trabalhar em modelos pré-fabricados e ajustá-los às suas necessidades para um início rápido
- Sempre salve blocos e seções reutilizáveis em Meus blocos, para que você não tenha que recriá-los para cada mensagem.
- Teste sua mensagem no maior número de clientes de e-mail que puder.
Estrutura
- Inclua um cabeçalho com seu logotipo e um link para visualizar a mensagem on-line na parte superior.
- Use o mesmo alinhamento em toda a sua mensagem. Se você decidir centralizar o texto da mensagem, certifique-se de que todos os outros elementos também estejam centralizados.
- Use seções para garantir que sua mensagem tenha a hierarquia correta.
- Mostre seus produtos ou informações em colunas. Você também pode usá-las para conectar imagens com texto horizontalmente.
- Suas mensagens devem ser claras e fáceis de serem escaneadas. Não coloque demasiados elementos para evitar que a mensagem pareça lotada. Certifique-se de que sua mensagem seja clara e direta ao ponto.
- Acrescente espaço branco para criar algum espaço vazio em sua mensagem. Use o elemento espaçador para conseguir isso.
- O espaçador também pode ser usado para nivelar quaisquer diferenças no comprimento das colunas.
- Seu cabeçalho e rodapé devem ser facilmente distinguíveis do resto da mensagem.
Texto
- Use tamanho de fonte entre 14-16px para melhor legibilidade.
- Não use mais de 3 fontes em sua mensagem para melhor visualização.
- Contraste suas palavras contra o pano de fundo. Se você tiver um fundo escuro, use cores de fontes claras.
- Um bloco de texto pode ter várias fontes e estilo. Use-o para destacar as informações mais importantes. Você pode copiar seu estilo a partir de um software de edição de texto como o Microsoft Word.
- Sempre configure uma fonte substituta, fallback quando utilizar uma webfont. Isso garante que sua mensagem será exibida corretamente em vários clientes de e-mail.
- Esteja atento às palavras longas e à fonte grande. Tenha em mente como eles ficarão na versão móvel.
- Se você estiver usando hyperlinks em texto, certifique-se de que eles tenham uma cor diferente do resto do texto e use o underscore.
Imagens e vídeo
- Se você estiver procurando adicionar uma imagem a uma seção ou um fundo, carregue imagens que tenham 1920px de largura para melhor definição.
- Sempre acrescente uma cor de fundo para sua mensagem ou seção. Ela será mostrada se a imagem de fundo não puder ser exibida em um cliente de e-mail. Deve ter cor semelhante à sua imagem de fundo.
- Use os GIFs para atrair a atenção de seus leitores.
- Ao usar o vídeo, lembre-se de que tiramos a miniatura diretamente do YouTube ou do Vimeo.