O melhor tamanho de desenho de E-mail para diferentes campanhas
Por que o tamanho do modelo de E-mail é tão importante? Por que há tantas perguntas sobre este tema e nenhuma resposta rápida? Para simplificar, o tamanho do design de E-mail afeta se o seu e-mail será entregue em tudo. Ele também define se o seu cliente vai ler a sua mensagem e tomar as ações desejadas. Há a largura padrão do modelo (600 px), mas ainda assim, há complexidades que você deve estar ciente. Além disso, não existem regras estritas para a altura do modelo de E-mail, o mesmo que para os blocos de projeto.,
neste artigo, vamos passar por todos os componentes do modelo de E-mail e explicar os princípios para qualquer tipo de campanha.,tr>
modelo de e-Mail dimensões
A idéia principal por trás de unificar padrões de e-mail está exibindo em todos os clientes de e-mail e tipos de dispositivos., A maioria de seus destinatários estão usando o Gmail no desktop ou o aplicativo de e-mail do iPhone. Dito isso, ainda há muitas pessoas lendo e-mails com Outlook, Yahoo Mail, e até mesmo AOL. Isso significa que você inevitavelmente vai encontrar diferentes motores de renderização e problemas com a exibição.
para caber todos os tipos de dispositivo, seus e-mails têm que ser responsivos. Esta tendência não é nova, por isso todos os modelos predefinidos de E-mail e frameworks já estão desenhados para corresponder a esta regra., Se você está codificando modelos com puro HTML e CSS, faça uso das recomendações reunidas em nosso guia sobre como construir um e-mail HTML.
largura do desenho de E-mail
você já ouviu cerca de 600 pixels. Esta é a largura padrão que tem sido recomendado durante os últimos anos. As coisas não mudaram: 600 pixels ainda é a regra de ouro. Esta é a largura média que os clientes de E-mail do ambiente de trabalho usam para mostrar as suas mensagens de E-mail. Além disso, o Gmail é comumente conhecido por não mostrar a cor de fundo para uma largura de modelo acima de 640 px.,
A maioria dos e-mails construtores e os serviços fornecem modelos desenvolvidos com e-mail largura até 600 pixels por padrão, incluindo o Mailchimp e Klaviyo, por exemplo.
pode também encontrar sugestões para tentar modelos de 700-800 pixels de largura, com uma nota que deve testá-los cuidadosamente em todos os clientes de E-mail populares. Acreditamos que se você tem razões, tempo e recursos para testes e experimentos adicionais, você deve tentar qualquer tipo de modelo que possa funcionar para você.,
altura do projecto de E-mail
a altura do seu modelo de E-mail não é estritamente limitada pelas Regras dos clientes de E-mail. Isto significa que não há tamanho necessário. No entanto, há várias coisas a seguir ao construir o seu novo modelo de E-mail. 1. Tenha em mente o objetivo de sua mensagem: um destinatário deve ser capaz de compreendê-lo logo após abrir seu e-mail. Coloque a informação mais importante acima da dobra – isto é cerca de 350 pixels., Compare:
e
Use o espaço com sabedoria. Fotos são bonitas, mas eles também devem ser informativos em seus e-mails e incentivar os usuários a deslocar. Ao testar e visualizar seus e-mails, em primeiro lugar, avaliar o que o destinatário vai ver.
Dica Pro: suporte o seu grande assunto de E-mail com um cabeçalho de E-mail inspirador, mantendo-o visível num ecrã. 2. O objetivo é manter seus e-mails limpos e limpos., Quanto mais Curta for a mensagem, maior será a probabilidade de ser lida até o fim. Às vezes, seções extras confundem o leitor e borram a ideia principal do E-mail.
a maioria dos E – mails de marketing como newsletters e promoções são cerca de 2500-3000 pixels.
e-Mail de recorte. Às vezes você pode ver mensagens recortadas na sua caixa de entrada do Gmail ou do Yahoo. Não é causada pela altura do modelo, mas pelo tamanho geral de uma mensagem (102 KB)., O tamanho completo do E-mail da promoção do jogo Witcher demonstrado acima é de apenas 36 KB.
Pro Sugestão: Para verificar rapidamente o tamanho do e-mail, você pode enviar uma mensagem a partir de seu script para um Mailtrap caixa de entrada e ver instantaneamente na tela principal:
Qual é a diferença entre transacional e comercialização de modelos de e-mail?
em termos de tamanho do modelo de E-mail, Os e-mails transacionais são geralmente mais curtos. Eles têm um objetivo específico: confirmar uma ação, fornecer instruções ou notificar um usuário., Em alguns tipos de tais mensagens, é aceitável adicionar algumas coisas de marketing, mas em geral, o modelo deve ser simples. Normalmente, os modelos transacionais de E-mail variam entre 600 pixels e 1200 pixels.
O objetivo principal de e-mails de marketing é promover os seus bens, serviços ou conteúdo e construir a confiança através da partilha do seu conhecimento. Desta forma, seu e-mail pode ser muito longo, em torno de 5000 pixels e acima.,
outras dimensões importantes
descobrimos a melhor largura e altura do modelo de E-mail. Mas e o conteúdo do E-mail e os blocos internos? Eles também importam!
um email consiste em três partes principais: cabeçalho, blocos de Conteúdo e rodapé.
Tamanho do cabeçalho de E-mail
usualmente, o cabeçalho de E-mail contém o logótipo da sua empresa, as ligações para ver esta mensagem num navegador e os botões do menu. Preferimos um design conciso, por isso recomendamos manter o tamanho do cabeçalho comum: até 200 px., É conveniente ler e combinar a “regra acima da dobra” (você se lembra que colocar detalhes significativos nos primeiros 350 pixels é benéfico?)
para grandes exemplos e diretrizes de cabeçalho de E-mail, leia o nosso projeto de cabeçalho de E-mail que importa post.
Blocos de Conteúdo Tamanho
novamente, não existem regras aqui!, Nesta seção, você tem espaço suficiente para sua criatividade. “Conteúdo” define todos os tipos de informação que lhe permitem comunicar com os seus destinatários, incluindo textos, imagens, vídeos, GIFs, botões e até divisores. o nosso conselho geral é manter as histórias compreensíveis, visualmente atraentes e com um claro apelo à acção.
se trabalhar com um serviço de templação ou com um editor de E-mail, estes fornecem-lhe modelos pré-definidos e recomendações para o tamanho das imagens.,
O que ter em mente sobre o tamanho da imagem:
- Se você hospedar imagens em um servidor e ligar a elas em seus e-mails, elas não afetam o tamanho do E-mail. Os Serviços de E-mail e construtores de modelos têm limites de tamanho para imagens para economizar espaço em seus servidores.
- O tamanho da imagem em pixels é até você, enquanto a resolução mínima recomendada é de 72 PPP.
- Optimize as imagens para os ecrãs de Retina usando o tamanho de 2x.,
tamanho de Rodapé
Você pode encontrar inúmeras recomendações sobre o que deve ser incluído no rodapé de e-mail. Normalmente, o rodapé inclui detalhes legais, tais como o endereço da sua empresa, links de cancelamento de Subscrição, notas laterais, etc. Você lê e-mail footers? Em muitos casos, o rodapé de E-mail não recebe a atenção do leitor e, em geral, não há nenhum padrão sobre a sua altura.
às vezes as pessoas adicionam uma assinatura pessoal ao rodapé de E-mail., Neste caso, é melhor mantê-lo em um máximo de 100 pixels.
Coisas para lembrar
Hoje, o e-mail de construção é fácil, devido ao grande número de ferramentas, modelos e tutoriais disponíveis. Em termos de tamanho do modelo de E-mail, não há tantas limitações e requisitos. Aqui está o que você realmente deve prestar atenção a:
- design responsivo. Otimize seus modelos de E-mail para diferentes dispositivos como mais de 55% dos E-mails são agora vistos a partir de clientes de E-mail móveis.percepção do utilizador., Pense no que o seu destinatário irá ver ao abrir a sua mensagem e como será fácil para eles compreenderem a sua ideia principal. Seja criativo, mas siga regras comuns e melhores práticas. teste de E-mail. Teste cada nova campanha de E-mail. Você pode experimentar modelos e tamanhos não-padrão, mas certifique-se de que o seu HTML vai funcionar bem em todos os clientes de E-mail. Com isso em mente, seus destinatários ficarão felizes com seus e-mails bonitos.,
Útil artigos sobre este tópico
- Mailtrap Guia sobre Como Criar e-Mail em HTML
- Como Criar um Modelo HTML Que Clientes de e-Mail Render Bem
- a Comparação, de 10 de e-Mail HTML, Editores para a Sua Próxima Campanha
- a Escolha de um Framework de e-Mail para Suas Campanhas
- o Cabeçalho de e-Mail de Design Que Importa
- o Que Faz uma Redefinição de Senha e-Mail Grande?
- Recomendado tamanho máximo de E-mail e formas comprovadas de otimizá-lo
Se gostou deste artigo, por favor partilhe e espalhe a palavra. Vamos ficar muito agradecidos.