Meu e-mail tem uma aparência 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 relação a outras caixas de entrada, bem como dicas para melhorar a consistência na forma como suas mensagens são renderizadas no Outlook. 

Mecanismos de renderização do Outlook

Embora algumas versões do Outlook usem o Webkit (um mecanismo de navegador moderno que interpreta e renderiza HTML da maneira esperada) para exibir e-mails, muitas outras usam o Microsoft Word como mecanismo de renderização. 

Pense na última vez que o senhor tentou fazer edições em uma tabela ou redimensionar uma imagem no Microsoft Word. Os desafios de formatação que o senhor enfrenta ao usar o Word são semelhantes aos desafios enfrentados pelos e-mails nas caixas de entrada do Outlook. 

Por esse motivo, um e-mail pode ter uma aparência ligeiramente diferente no Outlook do que quando o senhor cria e visualiza inicialmente no Klaviyo.

Se o senhor optar por otimizar seus e-mails para o Outlook, recomendamos o uso de uma ferramenta como Litmus ou Email on Acid para testar suas mensagens em vários dispositivos e caixas de entrada.

Otimize seus e-mails para o Outlook

O senhor poderá ver os seguintes problemas no Outlook:

• Imagens de fundo em divs e células de tabela não são suportadas ou exibidas
• Elementos CSS float e position ignorados 
• Sombra de texto não suportada ou exibida
• Preenchimento e margem incomuns, devido ao suporte insuficiente para esses elementos
• A largura e a altura do CSS não são mostradas como pretendido, devido ao suporte insuficiente para esses elementos
• As cores de fundo dos elementos aninhados são exibidas incorretamente ou ignoradas

A otimização de um e-mail especificamente para versões recentes do Outlook pode exigir muito tempo e testes extensivos, pois não há diretrizes estabelecidas. Isso também exige mudanças significativas na forma como as imagens são posicionadas, o que pode distorcer a forma como os e-mails são renderizados em outros clientes e dispositivos de e-mail.

Dimensionamento de imagens para o Outlook 

Um problema comum nas caixas de entrada do Outlook são as imagens que ficam esticadas ou grandes demais. Para evitar isso, defina uma largura para cada imagem em seu modelo. 

1. Selecione um bloco de imagem. 
2. Adicione um número ao campo Image size (Tamanho da imagem) > Width (Largura ). Para imagens de largura total, use 600 px (ou a largura definida para seu e-mail, encontrada na seção Styles ).
   
3. Salve suas alterações. 

GIFs no Outlook 

O Outlook não é compatível com GIFs em e-mails. Em vez de exibir uma imagem em movimento, o Outlook selecionará o primeiro quadro do seu GIF e o exibirá como uma imagem estática. 

Entenda o impacto do Outlook em seu público

Para ver qual porcentagem do seu público está abrindo seus e-mails usando o Outlook: 

1. Navegue até a guia Campaigns (Campanhas ) no Klaviyo 
2. Clique em uma campanha enviada recentemente 
3. Clique na guia Deliverability (Entregabilidade ) do resumo da campanha
4. Analise a seção Desempenho por domínio de e-mail para ver a porcentagem de destinatários que interagiram com sua mensagem usando o Outlook

Recursos adicionais

• Como usar imagens em e-mails
• Como otimizar seus e-mails para dispositivos móveis
• Compreensão da otimização de CSS