As campanhas de e-mail e os modelos criados com a Brevo são desenvolvidos para ser exibidos de maneira otimizada em todos os clientes de e-mail. No entanto, é possível ocorrer variações em que o conteúdo pode não corresponder exatamente à aparência do editor. Os clientes de e-mail têm suas próprias regras de renderização, o que pode levar a pequenas diferenças na aparência dos e-mails. Apesar dos seus esforços de design, essas variações são causadas pelos mecanismos de renderização usados por diferentes clientes de e-mail.

É bom saber

Se você estiver enviando e-mails para destinatários usando o Outlook, recomendamos verificar também nosso artigo dedicado Meu e-mail parece diferente no Outlook, que fornece uma explicação mais extensa dos problemas de renderização do Outlook.

Problemas de renderização mais comuns

Para ajudar você, criamos uma lista descrevendo os recursos com e sem suporte em clientes de e-mail populares para desktop, dispositivos móveis e Web. Isso ajudará você a navegar por suas nuances e fazer escolhas de design informadas.

Bordas

Botões

Imagens de fundo

Linhas com largura total

Altura de linha pequena

Espaçamento entre letras

Raio da borda

Forma do divisor (tracejado, pontilhado, duplo)

Fontes

Ícones de redes sociais

Fontes padrão

Fontes do Google

Fontes personalizadas

Webmail do Outlook 365

✅

❌

✅

❌

✅

❌

✅

❌

✅

Outlook 2019

✅

❌

✅

❌

✅

❌

✅

❌

✅

Outlook 2016

✅

❌

✅

❌

✅

❌

✅

❌

✅

Outlook 2013

✅

❌

✅

❌

✅

❌

✅

❌

✅

Outlook 2011

✅

❌

✅

Outlook 2010

✅

❌

✅

❌

✅

❌

✅

❌

✅

Outlook 2007

✅

❌

✅

❌

✅

❌

✅

❌

✅

Outlook 2003

✅

❌

✅

❌

✅

❌

✅

Thunderbird

✅

❌

✅

❌

✅

❌

✅

Thunderbird 60

✅

❌

✅

❌

✅

❌

✅

IBM Notes 10

✅

❌

✅

❌

✅

IBM Notes 9

✅

❌

✅

❌

✅

Apple Mail 10

✅

❌

✅

Apple Mail 12

✅

❌

✅

Apple Mail 13

✅

❌

✅

Bordas

Botões

Imagens de fundo

Linhas com largura total

Altura de linha pequena

Espaçamento entre letras

Raio da borda

Forma do divisor (tracejado, pontilhado, duplo)

Fontes

Ícones de redes sociais

Fontes padrão

Fontes do Google

Fontes personalizadas

Gmail App

✅

❌

✅

❌

✅

Gmail App iOS

✅

❌

✅

❌

✅

iOS 10

✅

❌

✅

iOS 11

✅

❌

✅

iPad Pro

✅

❌

✅

iPad Mini

✅

❌

✅

Microsoft Outlook

✅

❌

✅

❌

✅

❌

✅

iPad Pro (12,9 polegadas)

✅

❌

✅

iPhone X

✅

❌

✅

iPhone 7

✅

❌

✅

iPhone 8

✅

❌

✅

Pixel Gmail

✅

❌

✅

❌

✅

Samsung app

✅

❌

✅

❌

✅

Bordas

Botões

Imagens de fundo

Linhas com largura total

Altura de linha pequena

Espaçamento entre letras

Raio da borda

Forma do divisor (tracejado, pontilhado, duplo)

Fontes

Ícones de redes sociais

Fontes padrão

Fontes do Google

Fontes personalizadas

AOL Mail

✅

❌

✅

❌

✅

Freenet.de

✅

❌

✅

❌

✅

Comcast

✅

❌

✅

❌

✅

Gmail

✅

❌

✅

❌

✅

GMX.de

✅

❌

✅

❌

✅

GSuite

✅

❌

✅

❌

✅

Outlook.com

✅

❌

✅

❌

✅

t-online.de

✅

❌

✅

❌

✅

❌

✅

❌

✅

Yahoo! Mail

✅

❌

✅

❌

✅

Web.de

✅

❌

✅

❌

✅

Como é possível resolver estes problemas de renderização?

↩️ Inclua opções alternativas

Inclua uma cor de fundo alternativa atrás da imagem original caso a imagem não seja renderizada e use fontes alternativas ao utilizar fontes do Google ou fontes personalizadas em seus e-mails. Isso permitirá que você controle o que seus destinatários veem, mesmo que ocorram alguns problemas.

🔗 Inclua um link Ver no navegador nos e-mails

Sempre includa um link Ver no navegador nos e-mails. Esse link permite aos leitores verem sua campanha de e-mail em um navegador caso haja problemas de exibição na caixa de entrada.

🧪 Teste seus e-mails

💡 É bom saber

Nem todos os destinatários terão problemas de exibição. No entanto, recomendamos testar seus e-mails em vários clientes de e-mail antes de enviá-los.

A melhor maneira de determinar se os dispositivos preferidos de seus contatos e clientes de e-mail oferecem suporte ao conteúdo do seu e-mail é usar uma ferramenta como Litmus ou Email on Acid para visualizar seus e-mails e ver como eles são renderizados nos ambientes. Isso permitirá a você fazer alterações em seu design e resolver problemas antes de enviar o e-mail.

🤔 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.

Compreendendo e solucionando os problemas mais comuns de renderização de clientes de e-mail

É bom saber

Problemas de renderização mais comuns

Como é possível resolver estes problemas de renderização?

↩️ Inclua opções alternativas

🔗 Inclua um link Ver no navegador nos e-mails

🧪 Teste seus e-mails

🤔 Dúvidas?

💬 Este artigo foi útil?

Pesquisa

Compreendendo e solucionando os problemas mais comuns de renderização de clientes de e-mail

É bom saber

Problemas de renderização mais comuns

Como é possível resolver estes problemas de renderização?

↩️ Inclua opções alternativas

🔗 Inclua um link Ver no navegador nos e-mails

🧪 Teste seus e-mails

🤔 Dúvidas?

💬 Este artigo foi útil?