Porque é que a tua assinatura parece perfeita numa caixa de entrada e estragada noutra? O logótipo é enorme. As cores desapareceram. Um colega vê código em bruto em vez do nome da tua empresa.
As assinaturas de email em HTML usam marcação formatada para controlar o layout, as ligações e as imagens do teu bloco de contacto. Dão-te mais controlo de design do que o texto simples. Também se comportam de forma diferente consoante o programa de email, por isso convém perceber as vantagens e as desvantagens antes de te comprometeres.
O que é uma assinatura de email em HTML?
Uma assinatura de email em HTML é um bloco de contacto construído com marcação e não com carateres simples. Pode incluir o teu logótipo como imagem, texto com estilo e ligações clicáveis para o teu website ou para os perfis sociais. O teu programa de email guarda o código e insere-o por baixo de cada mensagem.
As assinaturas em HTML parecem mais uma mini página web do que um bloco de morada escrito à mão. Esse polimento visual apoia o reconhecimento da marca quando combinado com um domínio de criar endereços de email no teu domínio.
Em que diferem as assinaturas HTML do texto simples
As assinaturas em texto simples usam apenas quebras de linha e carateres simples. Todos os programas as mostram da mesma maneira. As assinaturas em HTML acrescentam elementos de design, mas podem aparecer com espaçamento, tipos de letra diferentes ou imagens em falta, consoante a aplicação do leitor.
O HTML funciona bem quando precisas de um logótipo, de uma cor da marca ou de vários ícones com ligação. O texto simples funciona bem em respostas internas curtas ou em funções onde a rapidez conta mais do que o visual. Muitas equipas guardam as duas versões no seu modelo de assinatura de email.
Como criar assinaturas de email em HTML que aguentam
Os programas de email não são navegadores. Retiram ou ignoram muitas técnicas web habituais. Fica por padrões simples e testados.
1. Usa estilos em linha
Aplica a cor e o tamanho de letra diretamente em cada elemento. As folhas de estilo externas costumam ser removidas. Os estilos em linha sobrevivem em mais programas do que o CSS baseado em classes.
2. Aloja as imagens no teu próprio domínio
Liga os ficheiros do logótipo a partir do servidor do teu website, não de ligações de carregamento temporárias. As imagens no teu domínio carregam com fiabilidade e correspondem ao sinal de confiança de email profissional e o teu website.
3. Mantém o código simples
Evita tabelas dentro de tabelas, tipos de letra personalizados e grandes imagens de fundo. Uma única tabela simples com o teu logótipo e linhas de texto cobre a maior parte das necessidades de uma marca. Testa enviando para ti próprio e abrindo a mensagem no telemóvel.
Quando escolher HTML em vez de texto simples
Escolhe HTML quando as orientações da tua marca exigirem um logótipo e uma cor em cada mensagem enviada. Escolhe texto simples quando a tua equipa envia muitas respostas curtas ou quando a entregabilidade e a velocidade de carregamento são prioridade.
Se usares HTML, dá sempre uma alternativa em texto simples para os programas que retiram a formatação. O capítulo formatação do bloco da assinatura de email cobre regras de layout que valem para os dois formatos.
Perguntas frequentes
Preciso de saber programar para criar uma assinatura de email em HTML?
As assinaturas HTML básicas usam etiquetas simples para ligações e imagens, que podes copiar de um modelo. Não precisas de conhecimentos avançados de programação. A WEMASY ajuda-te a alojar os ficheiros do logótipo no teu domínio através do criador de websites.
Porque desaparecem as imagens em algumas assinaturas de email em HTML?
Alguns programas de email bloqueiam as imagens por predefinição até o leitor as permitir. Aloja as imagens no teu domínio e mantém os ficheiros pequenos. Inclui sempre texto alternativo com o nome da tua empresa, para o texto aparecer quando as imagens estiverem bloqueadas.
As assinaturas de email em HTML podem tornar as minhas mensagens mais lentas?
Imagens grandes e marcação pesada aumentam o tempo de carregamento, sobretudo em redes móveis. Comprime os ficheiros do logótipo e limita o número de imagens com ligação. Um bloco leve envia mais depressa e parece mais profissional.
Devo colar o código HTML diretamente no meu programa de email?
A maioria dos programas de email empresariais tem um editor de assinaturas que aceita HTML colado ou um editor visual. Cola o código, guarda e envia uma mensagem de teste. Vê o capítulo o que é um programa de email para perceberes como a tua ferramenta trata as assinaturas.
As assinaturas de email em HTML são seguras para uso empresarial?
As assinaturas em HTML são seguras quando controlas o código e alojas tu as imagens. Evita colar assinaturas de origem desconhecida. Fica pelos modelos que a tua equipa cria e revê internamente.
Como se relacionam as assinaturas HTML com as regras de design da marca?
Aplica o mesmo logótipo, as mesmas cores e os mesmos tipos de letra do guia da tua marca. O capítulo boas práticas de design da assinatura de email cobre regras visuais que valem tanto para HTML como para texto simples.