Meu e-mail fica diferente quando é visualizado no Microsoft Outlook
O que você vai aprender
Saiba por que alguns e-mails têm uma aparência diferente no Microsoft Outlook em comparação com outras caixas de entrada, além de dicas para melhorar a consistência de como suas mensagens são exibidas no Outlook.
Mecanismos de renderização do Outlook
O Outlook clássico para Windows usa o Microsoft Word para exibir e-mails. Outras versões, incluindo o novo Outlook para Windows, o Outlook para Mac e o Outlook.com, usam mecanismos de renderização baseados em navegador. Isso significa que o mesmo e-mail pode ter uma aparência diferente entre as versões do Outlook.
Pense na última vez em que você tentou fazer edições em uma tabela ou redimensionar uma imagem no Microsoft Word. Os desafios de formatação que você enfrenta ao usar o Word são semelhantes aos desafios enfrentados por e-mails nas caixas de entrada do Outlook.
Por isso, um e-mail pode parecer um pouco diferente no Outlook do que quando você o cria e visualiza pela primeira vez no Klaviyo.
Se você optar por otimizar seus e-mails para o Outlook, use o teste de caixa de entrada integrado do Klaviyo (disponível para contas pagas) para visualizar suas mensagens em vários dispositivos e caixas de entrada.
Otimize seus e-mails para o Outlook
Em versões do Outlook que usam o Microsoft Word para exibir e-mails, você pode ver os seguintes problemas:
- Imagens de fundo em divs e células de tabela não são compatíveis nem exibidas
- Elementos float e position do CSS ignorados
- Sombra de texto não é compatível nem exibida
- Preenchimento e margem incomuns, devido ao suporte insuficiente a esses elementos
- Largura e altura do CSS não são exibidas conforme o esperado, devido ao suporte insuficiente a esses elementos
- Cores de plano de fundo de elementos aninhados exibidas incorretamente ou ignoradas
Otimizar um e-mail para o Outlook pode levar tempo e exigir testes. Mudanças no posicionamento das imagens podem afetar como seu e-mail é exibido em outros clientes de e-mail e em dispositivos móveis, então teste seu design em todas as caixas de entrada que seu público usa.
Dimensionamento de imagens para o Outlook
Se uma imagem aparecer esticada ou grande demais no Outlook, defina a largura de exibição dela no seu modelo:
- Selecione um bloco de imagem.
- Adicione um número ao campo Layout da imagem > W. Para imagens de largura total, use 600 px (ou qualquer outra largura definida para o seu e-mail, encontrada na seção Estilos).

- Salve as mudanças.
GIFs no Outlook
O suporte a animações GIF varia de acordo com a versão do Outlook. Algumas versões mostram apenas o primeiro quadro como uma imagem estática. Inclua sua mensagem principal no primeiro quadro, para que ainda faça sentido sem a animação.
Entenda o impacto do Outlook no seu público
Para ver quais clientes de e-mail a Klaviyo detectou em uma campanha enviada recentemente:
- Acesse a aba Campanhas na Klaviyo.
- Encontre uma campanha de e-mail enviada recentemente. Se a linha puder ser expandida, expanda-a e clique no nome da mensagem de e-mail enviada. Caso contrário, clique no nome da campanha.
- Clique na aba Entregabilidade do relatório do e-mail.
- Revise a seção Desempenho por cliente de e-mail e procure entradas do Outlook em Aberturas no desktop.
As porcentagens são baseadas em aberturas únicas de clientes de e-mail reconhecidos, e não em toda a sua lista de destinatários. Clientes desconhecidos são excluídos, e aberturas no navegador ou no celular podem não identificar o Outlook pelo nome. Use essa divisão como guia ao escolher quais caixas de entrada testar.
Recursos adicionais
- About email images best practices
Learn about best practices when using images in Klaviyo emails, including size recommendations and how to add images.
- Understanding mobile email optimization
Learn about the default mobile optimization settings Klaviyo offers for emails, as well as tools for customizing how your message appears across devices. You can also choose to disable all mobile optimizations by navigating to the Styles tab of your email template.
- Understanding CSS optimization
Learn about CSS optimization, which is one way you can make sure your emails are not getting clipped in the inbox.