Como criar uma assinatura de e-mail em HTML

Uma assinatura de e-mail HTML feita profissionalmente ajuda a promover uma marca pessoal e corporativa, reunir ouvintes para webinars, vender produtos, oferecer consultoria, manter a identidade da marca e muito mais. Por exemplo, 82% dos profissionais de marketing digital usam assinaturas de e-mail para campanhas de conscientização de marca. Para impulsionar suas campanhas de e-mail, decidimos criar um guia especial sobre como adicionar uma assinatura de e-mail em HTML aos seus e-mails pessoais no Gmail, Outlook, Apple Mail e Yahoo, além de ensinar como adicionar assinaturas de e-mail aos seus boletins informativos usando Stripo.

Como criar uma assinatura de e-mail HTML para sua correspondência pessoal

1. Assinatura de e-mail HTML no Gmail

Agora, vamos começar adicionando uma assinatura de e-mail HTML no Gmail. Vamos passar por todos os passos necessários para mostrar o processo simples de adicionar um design de assinatura.

Como criar uma assinatura de e-mail HTML para sua conta Gmail:

• vá para as configurações;

• em seguida, clique em “configurações” novamente;

• na parte inferior da página, você verá “Assinatura”;

• insira a imagem;

• escolha o tamanho “pequeno”;

• carregue as imagens dos ícones de redes sociais;

• adicione os links para elas;

(Fonte: Gmail)

• Na parte inferior da página, clique em “Salvar alterações”;

• Pronto.

Eu testei minha assinatura no Gmail: enviei mensagens para diferentes clientes de e-mail e as abri em vários dispositivos de desktop e móveis. Funcionou!

Agora suas assinaturas de e-mail estarão criativas e bonitas!

Você também pode criar assinaturas HTML para sua correspondência pessoal ou para correspondência externa com um designer de assinatura de e-mail.

2. Assinatura de e-mail HTML no Outlook.com

Agora é hora de falar sobre o processo de adicionar uma assinatura do Outlook ao seu e-mail.

Como criar uma assinatura profissional na sua conta Outlook:

• vá para as "Configurações";

• em seguida, escolha "Ver todas as configurações do Outlook";

(Fonte: Outlook)

• Em seguida, vá para a aba "Correio";

• Abra a aba "Escrever e responder";

• Em uma nova janela, procure pela seção "Assinatura de e-mail";

• Digite o texto necessário;

• Para adicionar redes sociais, carregue seus ícones como imagens normais;

(Fonte: Outlook)

• Selecione cada ícone e insira os links respectivos;

(Fonte: Outlook)

• Se você quiser incluir automaticamente essa assinatura nos seus e-mails do Outlook, certifique-se de clicar em ambas as caixas de seleção, conforme mostrado abaixo;

(Fonte: Outlook)

• Escolha "HTML" como formato de mensagem, caso contrário, o Outlook.com incluirá apenas a parte textual das suas assinaturas do Outlook, sem ícones e links;

• Clique em "Salvar".

(Fonte: Outlook)

Por favor, note que você pode adicionar várias assinaturas personalizadas neste cliente de e-mail. Se o fizer, será necessário selecionar uma assinatura ao enviar seu e-mail pessoal.

3. Assinatura de e-mail HTML no Apple Mail

Você pode adicionar apenas elementos textuais à sua assinatura de e-mail no provedor de e-mail Apple. E, claro, você pode adicionar um link a ela. Agora, vamos ver como você pode fazer isso.

Como criar uma assinatura de e-mail HTML no Apple Mail:

• Clique em “Mail” no canto superior esquerdo;

• Em seguida, “Preferências”;

• Entre na aba “Assinaturas”;

(Fonte: Apple Mail)

• Se você quiser adicionar um link à sua assinatura de e-mail no Apple Mail, selecione a parte necessária do texto;

• Clique com o botão direito sobre ele e cole seu link.

(Fonte: Apple Mail)

Por favor, note que você pode adicionar várias assinaturas a este cliente de e-mail. Se o fizer, será necessário selecionar a assinatura ao enviar seu e-mail pessoal.

(Fonte: Apple Mail)

Se necessário, você pode editar a assinatura HTML antes de enviar o e-mail.

4. Assinatura de e-mail HTML no Yahoo

Atualmente, você não pode adicionar fotos e imagens à sua assinatura de e-mail no cliente de e-mail Yahoo. Consequentemente, ícones de redes sociais também não podem ser usados.

No entanto, você pode adicionar um link à sua própria assinatura no Yahoo Mail.

Como criar uma assinatura HTML personalizada no Yahoo Mail:

• Clique no ícone do menu “Configurações”;

• Entre na aba de e-mail “Escrever”;

• Ative o botão “Assinatura”;

• Digite o texto da sua assinatura personalizada;

(Fonte: Yahoo)

• Cole os links.

Você pode adicionar quantos links de redes sociais desejar à sua assinatura de e-mail personalizada.

(Fonte: E-mail do Point)

Além disso, você pode editar sua assinatura HTML a qualquer momento.

Ferramentas de geradores de assinaturas de e-mail

Além dos métodos padrão que mencionamos acima, você pode usar as ferramentas geradoras de assinaturas de e-mail em HTML para criar rapidamente uma assinatura HTML para seu e-mail. Atualmente, existem várias ferramentas populares no mercado:

• Rocketseed (pago);

• Signature.email (grátis);

• Hubspot Email Signature Generator (grátis);

• MailSignatures (pago);

• WiseStamp (pago);

• MySignature (grátis e pago);

• Newoldstamp (pago);

• Gimmio (pago);

• Designhill (grátis);

• Signature Maker (pago);

• Signatu.re (pago);

• Email Signature Rescue (pago).

Essas ferramentas irão ajudá-lo facilmente a criar um modelo de assinatura de e-mail que você poderá usar posteriormente na plataforma de e-mail de sua escolha.

Como criar uma assinatura de e-mail para e-mails de boletins informativos com Stripo

Então, falamos sobre as maneiras de adicionar assinaturas personalizadas aos seus e-mails pessoais. No entanto, e se você precisar de uma assinatura para uma lista global de e-mails? E não uma comum, que todo mundo tem, mas uma personalizada. Nesta seção, mostraremos como criar uma assinatura de e-mail HTML, também conhecida como rodapé, para e-mails de boletins informativos em HTML com a plataforma de design de e-mails Stripo.

Existem três maneiras fáceis de fazer isso:

Modo 1. Usando os Módulos pré-construídos do Stripo

O Stripo preparou muitos Módulos de Assinatura de E-mail prontos para uso.

Escolha qualquer um, personalize facilmente e sua assinatura estará pronta.

(Fonte: Stripo)

Modo 2. Usando modelos profissionais de assinatura de e-mail

Para sua conveniência, criamos uma série de modelos de assinatura de e-mail pagos e gratuitos com vários exemplos de assinaturas de e-mail.

Escolha o formato de assinatura de e-mail necessário, use-o nos seus e-mails HTML ou use-o como inspiração e crie uma nova assinatura do zero.

Modo 3. Criando uma assinatura de e-mail profissional do zero usando o Stripo como gerador de assinaturas de e-mail

Se nenhum dos modelos de assinatura de e-mail HTML que criamos atender aos seus requisitos, você pode criar um do zero.

O mais importante é que isso não leva tempo algum, e você não precisa saber código CSS nem ter outras habilidades técnicas para criar uma assinatura usando o Stripo.

Mostraremos como criar uma assinatura semelhante à mostrada abaixo.

(Fonte: Stripo)

Para criar esse design de assinatura de e-mail com detalhes de contato, você precisa:

• Arrastar uma estrutura de duas colunas no seu template;

(Fonte: Stripo)

• Arraste o bloco “Imagem”;

• Carregue a imagem do formato necessário;

• No segundo container, adicione o bloco “Imagem” para a foto da sua assinatura manuscrita;

• Abaixo, arraste um bloco “Texto” para inserir seu nome. Certifique-se de definir os estilos necessários na barra de ferramentas;

(Fonte: Stripo)

• Para adicionar um número de telefone e nome do site com ícones à sua assinatura de e-mail, você precisa arrastar um bloco “Menu” e definir o tipo de menu "Ícones e Links";

(Fonte: Stripo)

• Carregue seus ícones personalizados;

• Nos campos "Item", insira o nome do seu site, número de telefone, etc.;

(Fonte: Stripo)

• Para adicionar links para contas de redes sociais, arraste o bloco "Social" para seu template;

• Projete-o de acordo com suas necessidades;

• Adicione um link para o seu perfil social;

• Para adicionar a linha divisória horizontal, clique no container esquerdo com sua foto;

• Habilite a opção "Borda" no painel de configurações lateral;

• Defina o estilo de borda necessário para o lado "Esquerdo" deste container.

Você também pode adicionar o logotipo da sua empresa, se desejar.

(Fonte: Stripo)

Salve sua assinatura de e-mail inteira para uso posterior

Certifique-se de salvar este Módulo na sua biblioteca de Módulos pessoais para usar em futuras campanhas de e-mail.

Você só precisará arrastar essa assinatura de e-mail para o seu template e editar levemente os elementos de design, se necessário.

(Fonte: Stripo)

Conclusão

Como você pode ver, criar assinaturas de e-mail é um processo bem simples, e você não precisa saber folhas de estilo em cascata ou ter conhecimentos técnicos para criar uma assinatura usando o Stripo. No entanto, adicionar uma assinatura de e-mail é importante para manter a identidade da marca, promovendo sua empresa, serviços ou você como pessoa. E com o Stripo, criar e adicionar uma assinatura nunca foi tão fácil.