Guia simples sobre como criar uma assinatura de e-mail em HTML (com exemplo de código)
Crie e-mails excepcionaisResumir
Este artigo é dedicado a mostrar como criar uma assinatura de e-mail em HTML de forma fácil e rápida. Com todos os exemplos de código fornecidos neste artigo, você poderá criar sua própria assinatura de e-mail em pouco tempo.
Na era digital de hoje, onde cada interação conta, criar uma assinatura de e-mail profissional é essencial para deixar uma boa impressão. Esses pequenos elementos de encerramento têm um grande impacto nas newsletters, pois seus principais objetivos são manter a consistência da marca (segundo 25% dos dados) e aumentar o reconhecimento da marca (28%).
Além de serem úteis em nível corporativo, as assinaturas de e-mail também são eficazes em comunicações individuais, pois impactam diretamente nos resultados. E-mails com assinatura recebem 22% mais cliques, 32% mais respostas e geram 15% mais leads.
Neste artigo, vamos explorar melhor os benefícios das assinaturas de e-mail, mostrar como criar sua própria assinatura em HTML e revelar o segredo de como fazer isso sem precisar ser um especialista técnico em e-mail marketing. Vamos lá!
Benefícios das assinaturas de e-mail para empresas
Antes de passar para a parte técnica de como criar assinaturas, é importante entender seus benefícios além das estatísticas já mencionadas.
Assinaturas tornam os e-mails mais profissionais
Criar assinaturas em HTML melhora o profissionalismo da comunicação por e-mail. Uma assinatura bem desenhada é um sinal claro de atenção aos detalhes e credibilidade. Isso não só fortalece sua imagem pessoal, como também contribui para uma percepção positiva da sua marca por parte de quem recebe seus e-mails.
Assinaturas reforçam a identidade da marca
Assinaturas em HTML são ferramentas poderosas para reforçar sua identidade de marca. Elas atuam como uma extensão do seu branding. Ao integrar elementos como logotipo, cores e fontes da empresa, você garante consistência visual e promove reconhecimento de marca. Esse tipo de padronização fortalece a confiança e ajuda sua empresa a se destacar no mercado.
Assinatura é um espaço dedicado às informações de contato
As assinaturas em HTML oferecem um espaço dedicado para os seus dados de contato. Com elas, os destinatários podem acessar facilmente seu nome, cargo, empresa, número de telefone e site. Isso facilita o contato direto e também incentiva as pessoas a explorarem mais sobre o seu negócio.
Assinaturas oferecem uma nova oportunidade de marketing
Assinaturas em HTML podem ser mais do que apenas assinaturas — elas são uma chance de marketing. Além de exibir suas informações, é possível incluir links para o blog da empresa, perfis de redes sociais, eventos futuros ou promoções especiais. Ao inserir chamadas para ação estratégicas, você pode incentivar o leitor a visitar seu site, marcar uma reunião ou participar de uma campanha. Aproveite esse espaço para impulsionar seus objetivos de marketing.
Como criar código HTML para assinaturas de e-mail
Agora que já discutimos os benefícios de usar assinaturas de e-mail em newsletters, é hora de passar para a parte técnica, onde mostraremos como criar uma assinatura de e-mail em formato HTML.
Modelo básico de assinatura de e-mail em HTML
Primeiro, você deve criar um modelo básico em HTML que servirá como base para a sua assinatura de e-mail. É bem simples e não exige muito conhecimento técnico. O código base da assinatura será assim:
<html> <body> <!-- Início da assinatura de e-mail --> <!-- Fim da assinatura de e-mail --> </body> </html>
Adicionando texto ao código HTML
A base de qualquer assinatura de e-mail em HTML é o texto. O código a seguir mostra o texto que será adicionado, junto com algumas opções de personalização como fonte, tamanho e cor preferidos.
<p style=”font-family: Arial, sans-serif; font-size: 12px; color: #444;”> John Doe<br> CMO da "Empresa Incrível"<br> </p>
Adicionando imagens ao código da assinatura de e-mail em HTML
O próximo passo na criação de uma assinatura em HTML é adicionar uma imagem. Seja sua foto ou o logotipo da empresa, as imagens são parte essencial da assinatura. O código para inseri-las é assim:
<img src=”http://EmpresaIncrivel.com/logo.png” alt=”Logo da Empresa” style=”width: 150px; height: auto;”>
Adicionando links ao código da assinatura de e-mail em HTML
Links também são essenciais em qualquer assinatura de e-mail. Eles tornam sua assinatura mais funcional e útil para quem a recebe. Você pode adicionar links para redes sociais, site da empresa, serviços, eventos futuros, entre outros.
<a href=”mailto:john.doe@example.com”>john.doe@example.com</a>
Código completo da assinatura de e-mail em HTML
Cada trecho de código que mostramos até aqui compõe partes de uma assinatura maior. A versão completa combina todos esses elementos. Assim, a assinatura de e-mail com texto, logo e links será assim:
<a href=”http://example.<html>
<body>
<p style=”font-family: Arial, sans-serif; font-size: 12px; color: #444;”>
<img src=”http://AwesomeCompany.com/logo.png” alt=”AwesomeCompany Logo” style=”width: 150px; height: auto;”><br>
John Doe<br>
CMO of "Awesome Company"<br>
<a href=”mailto:john.doe@example.com”>john.doe@example.com</a> | +1234567890<br>
<a href=”http://example.com” style=”text-decoration: none; color: #007bff;”>Visit our Website</a>
</p>
</body>
</html>
Use este modelo como preferir e personalize-o da maneira que quiser para criar sua assinatura de e-mail em HTML ideal.
Dica para criar assinaturas de e-mail sem código
Criar assinaturas em HTML exige algum conhecimento técnico e experiência com código. Mas e se você não for uma pessoa técnica? Mesmo assim, sua newsletter precisa de uma assinatura. A solução é simples — geradores de assinatura.
Stripo possui um gerador de assinaturas de e-mail especial fora da nossa plataforma de criação de e-mails, que você pode usar totalmente de graça. Ele permite que os profissionais de marketing criem belas assinaturas de e-mail sem escrever uma linha de código, usando apenas uma interface intuitiva. Todo o processo leva menos de 5 minutos. Assim que terminar a criação, você receberá um código da sua assinatura que pode colar em qualquer e-mail que desejar. Para mais detalhes sobre o nosso gerador de assinaturas, confira este guia especial.
No entanto, se você usar a Stripo, poderá salvar sua assinatura de e-mail HTML como um módulo para reutilizar e personalizar quando quiser. Os módulos são elementos independentes dos templates de e-mail que foram criados e salvos para simplificar todo o processo de criação de campanhas, tornando tudo mais rápido e acessível para profissionais de marketing de todos os níveis. Criamos um artigo completo explicando o que são os módulos, por que você precisa deles e como eles facilitam sua vida como profissional de e-mail marketing.
Encerrando
As assinaturas de e-mail são parte essencial de qualquer newsletter corporativa. Elas ajudam a tornar o e-mail mais profissional visualmente, funcionam como central de informações de contato, reforçam a identidade da marca e muito mais.
Criar assinaturas de e-mail em HTML pode ser um pouco complicado para quem não tem experiência com código. No entanto, esperamos que nossos modelos de código HTML ajudem você a criar sua própria assinatura com facilidade. Além disso, você sempre pode usar nosso gerador gratuito de assinaturas para obter uma assinatura profissional em poucos minutos, sem precisar codificar.