Referência de largura ideal para modelo de e-mail
O que você vai aprender
Saiba por que a largura padrão para modelos de e-mail é 600px, por que isso é um padrão do setor para e-mails de marketing atualmente e como garantir que seus e-mails tenham uma aparência consistente em todos os dispositivos.
Largura do modelo de e-mail
A largura padrão no editor de e-mails de arrastar e soltar da Klaviyo é de 600px. Para ajustar a largura:
- No editor de e-mail, selecione Editar estilos.
- Insira um valor em pixels no campo Largura.
- Feche o painel Editar estilos para salvar suas alterações.
A Klaviyo não recomenda aumentar a largura do seu modelo, a menos que isso seja necessário para um layout mais avançado. Se você ajustar a largura para mais de 600px, também recomendamos testar como seu e-mail vai ficar em diferentes clientes de e-mail e dispositivos.
Como funciona a largura do e-mail
Ao criar um e-mail no Klaviyo, a largura definida do seu modelo cria a moldura para o conteúdo do e-mail. Qualquer conteúdo que você adicionar ao seu modelo deve caber dentro dessa moldura.
A largura de e-mail de 600px se tornou um padrão do setor no marketing por e-mail porque, historicamente, o tamanho médio de uma janela de visualização em todos os principais clientes de e-mail para desktop ficava entre 500 e 600px. A janela de visualização é a área enquadrada em uma tela de exibição onde um destinatário lerá seu e-mail. Ao definir a largura do seu e-mail como 600px, você pode garantir que, para o tamanho médio da janela de visualização, seus destinatários não precisarão fazer muita rolagem horizontal para ver todo o conteúdo.
O padrão de e-mails com 600px de largura permaneceu e ainda é comum hoje, mesmo com a otimização de e-mails em diferentes dispositivos (como celular) se tornando cada vez mais importante. A Klaviyo recomenda criar seus e-mails com largura de 600px para clientes de desktop. No editor de e-mails de arrastar e soltar, ative Otimizar para dispositivos móveis em Editar estilos > Otimização para dispositivos móveis para aplicar ajustes responsivos para telas menores e, em seguida, feche o painel para salvar suas alterações. Os clientes de e-mail variam no suporte à otimização para dispositivos móveis. Por isso, teste seu e-mail em diferentes clientes e dispositivos.
Observe, no entanto, que manter a largura de 600px ajudará a otimizar os e-mails criados no Klaviyo para visualização em dispositivos móveis. Emails projetados para serem muito mais largos têm maior chance de parecerem distorcidos quando redimensionados em um dispositivo móvel, a menos que o email tenha sido cuidadosamente projetado e otimizado para isso. É por isso que recomendamos que você evite aumentar a largura do seu modelo além de 600px, a menos que você tenha um designer e/ou outros recursos dedicados para otimizar seu layout em diferentes clientes/dispositivos.
Saiba mais sobre as opções de otimização para dispositivos móveis da Klaviyo.
Conteúdo do modelo e definir a largura do e-mail
A largura definida do seu modelo cria a estrutura para o conteúdo do seu e-mail. O preenchimento e as bordas reduzem o espaço disponível para o conteúdo dentro dessa estrutura.
A Klaviyo reduz automaticamente a escala das imagens nos blocos de imagem para que se ajustem ao espaço disponível, preservando a proporção. Os blocos de tabela usam a largura disponível para as colunas. Essas configurações ajudam a manter o layout dentro da largura do e-mail do modelo, mas não garantem que o HTML personalizado vai caber.
Se você estiver adicionando código personalizado em blocos do modelo, mantenha as larguras dentro do espaço disponível no seu layout. Verifique a configuração de Largura do seu modelo em Editar estilos. HTML personalizado com larguras fixas maiores do que o espaço disponível pode extrapolar os limites ou ser renderizado de forma diferente entre clientes de e-mail. Teste seu conteúdo personalizado no desktop e no celular antes de enviar.