Minha campanha de email parece estranha no Outlook

As campanhas de e-mails criadas com o Sarbacane são concebidas para uma visualização ideal independentemente do cliente de e-mail utilizado pelos seus destinatários. Porém, é frequente que o resultado dos e-mailings enviados para o Outlook não corresponda ao que aparece no editor do Sarbacane. Apesar de o EmailBuilder do Sarbacane ter sido desenvolvido para se adaptar da melhor forma aos diversos serviços de caixas de mensagens, o motor de resultado HTML do Outlook baseia-se no resultado HTML do Word, não sendo, por conseguinte, ideal para exibir corretamente um e-mail. Nenhum software de e-mailing profissional é capaz de garantir uma exibição idêntica de uma campanha de e-mail no Outlook. Quais os problemas de visualização que pode encontrar? Como remediar? São assuntos que abordaremos neste capítulo.

Quais são os motivos para estes problemas de visualização?

Nenhum rooter profissional poderá garantir-lhe uma exibição a 100% idêntica à sua criação de origem no Outlook. Com efeito, a forma como um e-mail é exibido depende de vários fatores:

• A versão Outlook utilizada
• O formato Outlook utilizado (webmail, desktop, aplicação)
• O tamanho do ecrã utilizado
• O número de ecrãs utilizados: se utilizar um ecrã duplo, a exibição pode ficar quebrada no ecrã secundário. É, por conseguinte, aconselhado fechar Outlook, e voltar a abrir apenas no ecrã principal.
• O filtro antisspam utilizado: o filtro antisspam pode modificar o código HTML inicial e perturbar a exibição da mensagem

É por todos estes motivos que se torna essencial incluir um link de cópia web nas suas campanhas de e-mailing. Este link permite que os leitores visualizem a sua campanha de e-mailing num navegador internet, se esta for exibida incorretamente na caixa de receção.

Para verificar se é o Outlook que está a causar problemas com a exibição do seu e-mail, pode verificar se o conteúdo e as imagens são exibidos corretamente noutros clientes de e-mail (Gmail, Yahoo, Hotmail...) e/ou num navegador. Se for o caso, significa que o Outlook está efetivamente na origem do problema.

Quais são os problemas encontrados?

Desde a versão de 2007 de Outlook que a Microsoft deixou de utilizar o HTML próprio ao Outlook. Na verdade, aplica o motor de resultado HTML do Word para a edição e a leitura dos e-mails. Assim, podem surgir vários problemas.

Aqui está um exemplo de problemas de exibição que poderá encontrar:

As imagens não são exibidas

Por defeito, o Outlook não exibe as imagens alojadas num servidor (salvo nas versões mais recentes). No Sarbacane, tem a possibilidade de integrar uma imagem no corpo do e-mail. Será então exibida no Outlook. Porém, cada imagem embarcada no corpo do email aumenta o peso da sua mensagem, podendo assim afetar a sua entrega. O número de créditos debitados por envio depende igualmente do peso da sua mensagem. Quanto mais pesada for a sua mensagem, mais créditos de e-mail custará. Por estes dois motivos, aconselhamos que integre apenas o seu logótipo no corpo da sua campanha. Será assim seguramente identificado pelos seus destinatários, ainda que as imagens da campanha não sejam visualizadas por defeito.

As imagens estão cortadas

O Outlook impõe um limite de tamanho à altura das imagens. Se a sua imagem estiver cortada, redimensionada ou se esta não for exibida, reduza a altura da dua imagem. Se não puder reduzir a altura da imagem, recomendamos que corte a imagem em várias partes e insira cada parte num novo bloco de imagem.

O tamanho da imagem não é o correto

Ao utilizar as propriedades HTML de uma imagem para redimensioná-la, pode acontecer que esta surja, ainda, no seu tamanho original no Outlook. Aconselhamos que redimensione as suas imagens com um software de edição de fotografias antes de as integrar na sua campanha ou de utilizar o nosso editor de imagens integrado.

As margens em torno das imagens não aparecem

No Outlook, as margens em torno das imagens podem ser exibidas de forma diferente. Com efeito, o texto pode ficar colado à imagem apesar das margens configuradas nas propriedades. Para remediar esta complicação, pode utilizar um software de edição de fotografias para adicionar um contorno ao visual na mesma cor do fundo do e-mailing e depois integrá-la na sua campanha.

Exemplo de problema de margem em torno das imagens:

As imagens GIF não são animadas na campanha

O Outlook não é compatível com as animações GIF. Apenas a primeira imagem GIF surge no Outlook. Aconselhamos assim que exiba as informações mais importantes da sua animação nesta primeira imagem.

A imagem de fundo não é exibida

É um problema frequentemente encontrado no Outlook e em vários outros clientes de e-mail. A imagem de fundo não é exibida e surge uma cor de fundo no lugar da imagem Esta propriedade css não é assumida nativamente no Outlook. Não existem atualmente soluções para este problema sem dispor de competências em desenvolvimento.

O tamanho e o tipo de letra não aparecem corretamente

Em função dos tipos de letra utilizados, pode acontecer que o tamanho e o tipo de letra sejam diferentes dos da configuração inicial no texto no Sarbacane. Com efeito, os tipos de letra do sistema têm a vantagem de ser exibidos corretamente em todos os sistemas operativos, incluindo no Outlook. Em contrapartida, as Google Fonts têm um resultado aleatório em quase todas as caixas de mensagens, salvo nos telemóveis. A exibição do tipo de letra nos Webmails depende do sistema operativo (PC/MAC) e do navegador Internet utilizado. Privilegie assim os tipos de letra padrão para as suas campanhas de e-mail.

Os botões «call-to-action» arredondados não aparecem corretamente

Os botões com os ângulos arredondados são corretamente exibidos na maioria das caixas de e-mail (Webmails, Mobile, Desktop). Porém, no Outlook, a forma retangular dos botões substitui os ângulos arredondados (dado que a propriedade css "border radius" não é nativamente assumida). Para exibir botões com ângulos arredondados no Outlook, deve inseri-los como imagem. Contudo, como as imagens não são exibidas por defeito no Outlook, os seus botões (incluindo o texto do seu CTA) não serão visíveis no Outlook, a menos que descarregue as imagens.

Surgimento de um traço branco entre duas imagens

Este problema recorrente no Outlook parece estar relacionado com o facto de que algumas versões do sistema de e-mail efetuam um redimensionamento do e-mail em função do tamanho e da resolução do ecrã. Se se deparar com este tipo de problema de exibição, a única coisa a fazer é testar em vários tamanhos de ecrã, modificando um elemento de cada vez da estrutura da sua campanha de e-mails (altura, largura, etc.).

Surgem problemas de alinhamento

Aparecem vários desvios em função da resolução do ecrã a partir do qual o Outlook é iniciado. No Outlook, podem surgir designadamente dificuldades de alinhamento com os blocos dos editores de email: 2 colunas, 3 colunas e 4 colunas. Para remediar este problema, durante a criação da sua campanha de e-mail no Sarbacane, basta ajustar a largura da versão PC. Ajustado por defeito a 650 px, os problemas de alinhamento ajustam-se em torno dos 400 px de largura.

Surgem problemas com os contornos pontilhados e tracejados

No Outlook, os contornos pontilhados e tracejados são automaticamente exibidos em fundo branco independentemente da cor do fundo configurada no bloco em questão. Assim, se integrar os contornos num fundo de cor, poderão ver surgir traços a branco entre os pontos e os traços. Para remediar este problema, aconselhamos que utilize contornos pontilhados ou tracejados num um fundo branco, sempre que possível. Se necessitar de utilizar um fundo de cor, privilegie os contornos cheios.

Quais são as soluções para otimizar a exibição no Outlook?

Com o objetivo de aumentar as suas hipóteses de obter uma exibição correta no Outlook, eis alguns conselhos adicionais.

4 conselhos para otimizar a exibição da sua mensagem

• Escolha imagens no formato JPEG ou PNG
• Utilize tipos de letra do sistema standard: Arial, Helvética…
• Pense em otimizar a versão móvel do seu e-mail marketing
• Reduza ao mínimo o número de colunas

4 erros a evitar

• Evite os copy-paste de texto diretamente a partir de um outro software. Porém, pode copiar o texto do seu software, colá-lo num bloco de notas e colá-lo de novo na sua mensagem no Sarbacane ou pode utilizar a função "colar em texto simples" proposta ao clicar no botão direito do rato no Google Chrome (atalho de teclado ctrl shift v)
• Se pretender criar uma campanha com base na estrutura de uma campanha já existente, em vez de partir da mensagem de uma campanha anterior, será preferível criar a mensagem a partir de uma seleção de modelos.
  Este método limitará os riscos de sobrecarga do código HTML gerado durante a edição da mensagem.
  Com o mesmo objetivo, descubra a blocoteca do EmailBuilder que permite guardar blocos-tipo rapidamente reutilizáveis.
• Não transfira um e-mail que já recebeu pois o código HTML é reinterpretado. Deixa de estar otimizado, degradando o resultado.
• Não coloque texto importante sobre uma imagem de fundo sem verificar primeiro a sua legibilidade na cor de fundo que substitui a imagem quando esta não é carregada.

NB: Nem todos os seus destinatários que utilizam o Outlook como caixa de mensagens principal encontram estes problemas de exibição. Na verdade, certos utilizadores do Outlook da sua lista de contactos nunca receberam e-mails cortados na sua caixa de receção. Porém, aconselhamos que teste as suas campanhas de e-mailing em várias caixas de mensagens, como Outlook, antes de enviá-las para a sua base de dados.