Isso já aconteceu com você? Você acabou de passar horas aperfeiçoando seu modelo no seu provedor de serviços de e-mail (ESP), clicou em enviar e (obviamente) espera que todos os destinatários vejam seu e-mail exatamente como ele foi criado.
Mas aí você recebe a resposta de alguns assinantes preocupados, dizendo que o e-mail deles não parece estar certo – talvez a imagem de fundo esteja faltando, não haja preenchimento suficiente ou as imagens estejam cortadas. Por que isso acontece? Vamos conversar sobre isso.
A renderização HTML é a culpada!
Independentemente de qual ESP você usa para criar seu e-mail (ou mesmo se você mesmo o programar!), é garantido que sua mensagem terá uma aparência pelo menos ligeiramente diferente em diferentes clientes de e-mail. A aparência de um e-mail depende de como o cliente de e-mail renderiza o HTML. Mesmo que você crie seu e-mail em um editor de arrastar e soltar, seu ESP o converte em HTML antes de ser enviado. Cada cliente de e-mail analisa o HTML e decide o que e como renderizá-lo. Clientes diferentes têm suas peculiaridades: elementos HTML não são reconhecidos ou os estilos são renderizados de forma diferente. Isso é especialmente comum em versões antigas de clientes de e-mail que são baixadas para um dispositivo (em vez de acessadas em um navegador e, portanto, mantidas atualizadas). Outlook, especialmente as versões mais antigas, são algumas das piores infratoras.
Como o Mailchimp explica no artigo, o Outlook usa o Microsoft Word para renderizar o HTML. Minha campanha parece ruim no OutlookO Microsoft Word foi criado para impressão e não para e-mail, resultando em e-mails exibidos de forma diferente do esperado. Klavyio fornece mais informações sobre os problemas de exibição padrão observados no Outlook neste artigo. Minha campanha de e-mail parece diferente quando visualizada no Microsoft Outlook.
Por que os ESPs não podem otimizar para todos os clientes de e-mail?
Ótima pergunta, mas é muito mais fácil falar do que fazer. É possível escrever HTML que se comporte condicionalmente e seja otimizado com base no cliente em que é aberto (por exemplo, use este HTML se aberto na versão mais recente do Gmail e este HTML se aberto no Outlook versão 12.3.1). Mas há um porém: os e-mails têm um limite de tamanho máximo, e clientes populares (por exemplo, Gmail) começam a recortar um e-mail quando um limite ainda menor é ultrapassado.
Como alguns clientes, como o Outlook, têm centenas de versões anteriores que podem estar em execução no dispositivo do destinatário, e a otimização para qualquer uma delas exige adições significativas de HTML condicional, otimizar para todos os clientes em potencial é um desafio impossível. Portanto, todos os ESPs precisam priorizar clientes específicos em detrimento de outros para otimizar o HTML de um modelo. Fazer alterações no DNA de um ESP para otimizar para uma versão específica do Outlook significaria remover uma otimização para um cliente diferente, como o Gmail, que provavelmente é (muito) mais utilizado.
O que você pode fazer?
Você pode usar um serviço de teste de modelo de e-mail como Tornassol para ver como seu modelo será exibido em todos os clientes de e-mail (para ter uma ideia holística de como seus assinantes verão seus e-mails). Isso é rápido e requer o envio de um e-mail de teste do seu ESP para um endereço de e-mail de teste do Litmus, o que lhe dá a chance de fazer alterações no modelo se você quiser otimizar um cliente de e-mail específico. Dito isso, otimizar para versões específicas de clientes de e-mail que não são comumente usados ou têm a reputação de exibir HTML de maneiras estranhas não é recomendado. A maioria dos elementos de e-mail não será exibida exatamente da mesma forma em todos os clientes de e-mail possíveis.
Vale ressaltar que, quando um problema ocorre em versões comuns ou recentes de um cliente de e-mail, ou em várias versões, você deve informar o seu ESP. Qualquer problema generalizado deve ser corrigido! Por mais desconfortável que seja, a melhor opção, na maioria dos casos, é ignorar certas versões de um cliente de e-mail para otimizar para clientes de e-mail mais comuns — aqueles que a maioria dos seus assinantes usa e provavelmente visualiza seus e-mails!
Este artigo foi publicado originalmente por nossos amigos da Colmeia. co