As campanhas de e-mail criadas com a Brevo são projetadas para uma exibição otimizada em todos os clientes de e-mail. No entanto, alguns problemas de exibição podem acontecer para e-mails enviados no Outlook, onde o conteúdo não corresponde ao que aparece no editor de arrastar e soltar.
Neste artigo, vamos explicar quais os problemas mais comuns de exibição que costumam acontecer com o Outlook e como otimizar seus e-mails para evitar esses problemas.
Por que meu e-mail tem uma aparência diferente no Outlook?
Você pode ter notado que alguns de seus e-mails parecem diferentes no Outlook do que pareciam inicialmente ao serem criados no editor Arrastar e soltar. Esses problemas de exibição podem acontecer, especialmente com as versões 2003, 2007 e 2010 do Outlook, porque eles usam o Microsoft Word para processar e-mails, o que oferece um suporte limitado para HTML e CSS. Outros fatores, como o tamanho da tela ou o filtro de spam usado pelo destinatário também podem impactar na exibição de um e-mail.
Para verificar se o Outlook é o motivo de seus e-mails parecerem diferentes, você pode verificar se o conteúdo e as imagens estão sendo exibidos corretamente em outros clientes de e-mail (como Gmail ou Hotmail). Em caso afirmativo, isso significa que o Outlook é a causa do problema.
Quais são os problemas comuns de exibição de e-mail no Outlook?
As margens ao redor das imagens não são exibidas
Todas as versões do Outlook (exceto Outlook.com) ignoram as margens ao redor da imagem. Além disso, pode ser que não haja espaço entre seu texto e sua imagem, mesmo se você tiver adicionado margens nas configurações.
Para resolver esse problema, você pode usar um programa de edição de fotos para adicionar uma borda ao redor da sua imagem na mesma cor que o plano de fundo de seu e-mail, antes de importar a imagem em sua campanha de e-mail. Como a margem faz parte agora da imagem, o Outlook não poderá ignorar isso.
Imagens não são exibidas
Por padrão, o Outlook bloqueia imagens nos e-mails. Para visualizar essas imagens, os destinatários têm duas opções:
- Eles podem escolher manter o comportamento padrão do Outlook e desbloquear imagens para uma única mensagem ou
- Podem escolher alterar o comportamento padrão do Outlook e desbloquear imagens para todas as mensagens.
Como não podemos forçar a exibição automática das imagens, não existe uma maneira fácil de resolver esse problema. No entanto, temos algumas recomendações para melhorar a exibição de seus e-mails, mesmo com imagens bloqueadas:
- Para imagens no corpo do e-mail, recomendamos que você adicione o texto ALT de modo que seu destinatário irá saber sobre o que é a imagem e talvez se sinta mais incentivado a desbloqueá-la.
- Para imagens no plano de fundo de seu e-mail, recomendamos que você ofereça uma cor de substituição para substituir a imagem de fundo bloqueada.
Também é importante observar que versões antigas do Outlook não exibem imagens hospedadas em um servidor. Neste caso, recomendamos que você importe imagens diretamente em seu e-mail ou use nossas imagens armazenadas gratuitas.
Imagens estão truncadas ou redimensionadas
O Outlook impõe um tamanho limite de 1728 pixels na altura da imagem. Se uma imagem estiver truncada ou redimensionada, recomendamos que você reduza a altura de sua imagem, de modo que não exceda esse limite.
Se redimensionar uma imagem usando suas propriedades de HTML, o Outlook ainda a exibirá em seu tamanho original. Recomendamos que você redimensione suas imagens com um programa de edição de fotos antes de importá-las em sua campanha ou que use nosso editor integrado de imagem.
Se não puder reduzir o tamanho de sua imagem para menos de 1728 pixels de altura, é melhor cortar em duas ou três imagens separadas. Você pode adicionar vários blocos de imagem ao seu e-mail para carregar cada parte da imagem. Para garantir que as imagens apareçam como uma única imagem, certifique-se de remover qualquer margem e preenchimento nas seções e blocos da imagem.
GIFs não estão animados
GIFs animados só são aceitos no Outlook 365 para desktop, aplicativos móveis do Outlook e Outlook.com. Outlook 2007, 2010, e 2013 não exibirão animações. Ao invés disso, eles mostrarão apenas o primeiro frame de seus GIFs.
Se seu GIF contiver informações importantes, como uma oferta ou um título, certifique-se de incluir isso no primeiro frame.
Botões exibem texto quebrado
Botões com texto quebrado ou texto que se divide em duas linhas são originários de um problema de processamento do Outlook.
Para evitar esse problema, você pode tentar aumentar o preenchimento para que seu botão seja maior do que o tamanho da fonte. Se o problema persistir, recomendamos criar uma imagem do seu botão e importá-la em seu e-mail. Você pode então adicionar seu link para que quando os contatos clicarem na imagem, eles sejam redirecionados para a URL.
Botões exibem fonte incorreta
O Outlook pode exibir o tipo incorreto de fonte nos botões. Normalmente isso acontece por um espaço adicionado no começo e/ou no fim do texto do botão.
Remover esse espaço deve resolver este problema. Se não funcionar, você pode criar uma imagem do botão e importá-la em seu e-mail. Você pode então adicionar seu link para que, quando os contatos clicarem na imagem, eles sejam redirecionados para a URL.
Botões redondos são exibidos como retângulos
Botões com cantos arredondados são substituídos por retângulos no Outlook. Esse problema acontece porque a propriedade css "Raio da borda" não é nativamente aceita. Para exibir botões com cantos arredondados no Outlook, você deve criar uma imagem de seu botão e importá-la em seu e-mail. Você pode então adicionar seu link para que quando os contatos clicarem na imagem, eles sejam redirecionados para a URL.
O tamanho do texto e a fonte não são exibidos corretamente
Dependendo das fontes usadas em seu e-mail, o tamanho e a fonte do texto podem ser diferentes daqueles selecionados por você no Editor arrastar e soltar. Na verdade, fontes do sistema, como Arial ou Calibri são exibidas corretamente em todos os provedores de e-mail, incluindo o Outlook. No entanto, as fontes do Google quase sempre têm um processamento aleatório. A exibição da fonte nos provedores de e-mail depende do sistema operacional (PC/MAC) e do navegador usado pelo destinatário. Por isso, recomendamos usar fontes padrões do sistema em suas campanhas de e-mail.
Altura da linha não aceita
Outlook 2007, 2010, 2013, e Outlook 365 para desktop não aceitam consistentemente a altura da linha. Algumas versões do Outlook irão aceitar o valor percentual da altura da linha (ex.: 120%) enquanto outras aceitarão um número inteiro (ex.: 2).
Se estiver usando seu próprio CSS para criar seu e-mail, recomendamos que forneça ambos os valores. Se estiver usando o Editor arrastar e soltar, ajustaremos isso automaticamente para você.
Espaço em branco é adicionado
Como o Outlook exibe o HTML usando o Microsoft Word, espaços em branco são inseridos às vezes nos e-mails. Isso se deve ao fato de que algumas versões do Outlook redimensionam o e-mail de acordo com o tamanho e a resolução da tela do destinatário (como uma pré-visualização de impressão no Microsoft word) e adiciona espaços em branco onde uma quebra de página, seria necessária.
Para remover esse espaço em branco, você deve reorganizar o conteúdo de seu e-mail para determinar onde o Outlook marcará a quebra de página do conteúdo. Recomendamos que você duplique seu e-mail antes de começar a reorganizá-lo para evitar que qualquer conteúdo seja excluído.
O conteúdo parece amplo
No Outlook, o conteúdo pode parecer mais amplo do que o desejado. Isso pode ocorrer quando um URL está incluído como texto simples dentro da campanha, fazendo o Outlook expandir a tela para acomodar o comprimento total do URL.
Para resolver esse problema, insira o URL como um link clicável anexado a um texto específico dentro do conteúdo. Esse ajuste deve impedir que o Outlook estique o layout além da largura pretendida.
Como posso otimizar a exibição de e-mail no Outlook?
Para otimizar como seu e-mail será exibido no Outlook, recomendamos que você:
- Escolha imagens em formato JPEG ou PNG.
- Use texto para informações importantes e imagens para informações adicionais.
- Otimize a versão móvel de suas campanhas de e-mail.
- Use nosso recurso Preview e teste sua campanha de e-mail em vários provedores de e-mail antes do envio.
🤔 Dúvidas?
Em caso de dúvida, sinta-se à vontade para entrar em contato com nossa equipe de suporte, criando um tíquete a partir da sua conta. Caso ainda não tenha uma conta, entre em contato conosco aqui.
Se você está procurando ajuda com um projeto usando o Brevo, podemos encontrar o parceiro especialista certificado em Brevo.