Gerador de assinatura de e-mail

Uma assinatura de e-mail é muito mais do que simples dados de contacto no fim de uma mensagem. Contém o seu nome, cargo, empresa, contactos e eventualmente um link CTA ou perfis de redes sociais. Uma assinatura coerente e profissional reforça a imagem de marca em cada e-mail enviado.

Em média, um profissional de escritório envia 30 a 40 e-mails por dia. Cada um desses e-mails é uma oportunidade para apresentar a sua marca, colocar um link CTA e dar ao destinatário acesso direto aos seus perfis de redes sociais. Com esta ferramenta, crie uma assinatura à altura dessas exigências.

No separador Dados, encontra todos os campos a preencher. Apenas dois são obrigatórios: nome e endereço de e-mail. Os restantes campos são opcionais e só aparecem na assinatura se estiverem preenchidos.

Campos do separador Dados

• Linha acima do nome – texto adicional apresentado acima do nome. Pode inscrever o nome da empresa, um slogan ou uma frase de efeito.
• Avatar / logótipo (URL da imagem) – URL de uma foto de perfil ou logótipo da empresa. A imagem deve ser quadrada (mín. 120x120 px) e acessível publicamente online. Após colar o URL, surgem opções adicionais: Forma do avatar (redondo, arredondado ou quadrado) e Tamanho do avatar (pequeno – 40 px, médio – 56 px, grande – 72 px).
• Nome completo – campo obrigatório. Introduza o seu nome completo.
• Tag junto ao nome – texto curto junto ao nome, ex.: pronomes ou título abreviado.
• Cargo – o seu papel na empresa, ex.: Diretor comercial, Especialista de marketing.
• Nome da empresa – o nome da organização que representa.
• Linha adicional – uma breve descrição da sua atividade ou da sua oferta.
• E-mail – campo obrigatório. Introduza o seu endereço de e-mail profissional.
• Telefone – número de contacto. Formato livre, ex.: +351 912 345 678.
• Site – URL completo do seu site, começando por https://.
• Morada – morada física da empresa (rua, cidade, código postal).
• Dados legais – NIF, número de licença ou outros dados exigidos pelo seu setor.

Um botão CTA (apelo à ação) é um elemento clicável que redireciona o destinatário para uma página à sua escolha. Pode ser um link para um calendário de reuniões, um formulário de contacto ou uma oferta. O gerador permite adicionar dois botões CTA.

Botão principal

1. Abra o separador Botões no editor.
2. Na secção Botão principal, introduza o texto que o destinatário verá, ex.: Marcar reunião.
3. No campo Link CTA, cole o URL completo. O endereço deve começar por https://.

Botão secundário

Pode adicionar um segundo botão CTA em estilo outline (fundo transparente com contorno). Preencha os campos da secção Botão secundário da mesma forma que o botão principal.

Arredondamento dos botões

Na parte inferior do separador Botões, encontra a opção Arredondamento dos botões. Três variantes estão disponíveis: Nenhum (cantos retos), Ligeiro (ligeiramente arredondado) ou Completo (botão oval).

Se deixar ambos os campos vazios, o botão não aparecerá na assinatura. Se preencher apenas um campo, o botão também não será visível – ambos são necessários: texto e link.

No separador Redes sociais, pode adicionar links para os seus perfis. O gerador suporta doze plataformas: LinkedIn, Instagram, Facebook, TikTok, YouTube, X (antigo Twitter), GitHub, Dribbble, Behance, WhatsApp, Telegram e Pinterest.

Como fazer

1. Abra o separador Redes sociais no editor.
2. Junto a cada plataforma, encontra um campo URL. Cole o link completo para o seu perfil, ex.: https://www.linkedin.com/in/meuperfil.
3. Preencha apenas os campos necessários. Os campos vazios não aparecerão na assinatura.

Ícones de redes sociais

Na parte inferior do separador Redes sociais, encontra a opção Mostrar ícones junto aos nomes dos serviços. Quando ativada, os links são apresentados como ícones SVG a cores em vez de simples nomes.

• Tamanho do ícone – opções: Pequeno (16 px), Médio (20 px) ou Grande (24 px).
• Cor do ícone – Cores da plataforma (cores predefinidas), Cor de destaque (cor de destaque uniforme) ou Cor do texto.

No separador Aviso legal, pode adicionar um texto jurídico que aparecerá na parte inferior da assinatura em letra reduzida.

Quando adicionar um aviso legal

• Correspondência profissional – aviso de confidencialidade e pedido de eliminação em caso de envio errado.
• Requisitos setoriais – certos setores (ex.: jurídico, médico, financeiro) exigem informações específicas em cada mensagem.
• RGPD – informação sobre o tratamento de dados pessoais, se a empresa é responsável pelo tratamento.

Por predefinição, o campo está preenchido com um texto de confidencialidade de exemplo. Pode modificá-lo, eliminá-lo ou substituí-lo pelo seu próprio aviso. Se o campo estiver vazio, nenhum aviso aparecerá na assinatura.

No separador Aparência, pode personalizar as cores, o tipo de letra e outros elementos visuais da assinatura.

Temas de cores

No topo do separador, encontra cinco temas predefinidos: Escuro, Azul, Roxo, Verde e Cinzento. Um clique num tema define automaticamente a cor de destaque e a cor do texto. É a forma mais rápida de obter uma assinatura coerente.

Cores

• Cor de destaque – utilizada para a barra lateral/superior, o botão CTA e os links. Pode escolher qualquer cor da paleta.
• Cor do texto – cor de todos os textos da assinatura (nome, contactos, aviso legal).
• Cor de fundo – cor de fundo de toda a assinatura. Branco por predefinição, mas modificável.

Tipo de letra e tamanho

• Tipo de letra – opções: Arial, Verdana, Tahoma, Trebuchet MS e Georgia. Todos são compatíveis com os clientes de e-mail e serão apresentados corretamente no destinatário.
• Tamanho do texto – três opções: Pequeno (12 px), Standard (14 px) e Maior (16 px).

No separador Estilo de texto, pode personalizar individualmente a cor e o tamanho do tipo de letra de cada elemento textual da assinatura.

Elementos disponíveis

Apenas os elementos que contêm dados são apresentados. Para cada elemento, pode configurar:

• Nome completo – apresentado por predefinição na cor de destaque.
• Cargo – o seu papel na empresa.
• Empresa – nome da organização.
• Contactos – e-mail, telefone, site (labels).
• Redes sociais – links para os perfis.
• Aviso legal – texto jurídico na parte inferior da assinatura.

Como mudar a cor

Junto a cada elemento, encontra uma fila de opções de cor. Clique num quadrado de cor para o selecionar. Também pode adicionar uma cor personalizada clicando no quadrado com o sinal de mais: escolha uma cor e clique em Guardar. As cores personalizadas (até 8) são partilhadas entre todos os elementos.

O botão com o ícone de reposição restaura a cor predefinida do elemento.

Como mudar o tamanho

Na segunda linha, encontra o controlo de tamanho com os botões - e +. O valor indica o desvio em relação ao tamanho base do tipo de letra (definido no separador Aparência). Intervalo: de -4 a +4 píxeis.

No separador Espaçamentos, pode controlar precisamente as distâncias entre os elementos individuais da assinatura.

Margem interior da assinatura

No topo do separador, encontra a opção de margem interior – ou seja, a distância entre o conteúdo da assinatura e os seus limites. Três valores estão disponíveis: 8 px (pequeno), 16 px (médio) e 24 px (grande).

Espaçamentos entre os elementos

Abaixo da margem, encontra controlos para os elementos individuais da assinatura. Cada controlo tem botões + e - para aumentar ou diminuir o espaçamento. Apenas as opções dos elementos atualmente presentes na assinatura são apresentadas.

• Após o nome – espaço abaixo da linha do nome.
• Após o cargo / empresa – espaço abaixo da linha do cargo e do nome da empresa.
• Após a linha adicional – espaço abaixo da descrição (se preenchida).
• Após os contactos – espaço abaixo do e-mail, telefone e site.
• Após as redes sociais – espaço abaixo dos links para os perfis.
• Após o botão CTA – espaço abaixo do botão (se ativado).
• Antes do aviso legal – espaço acima do texto jurídico.

Se remover os dados de um campo (ex.: apagar o telefone), a opção de espaçamento correspondente desaparece automaticamente do separador.

O gerador grava automaticamente todas as definições na memória do navegador (localStorage). Após atualizar a página ou reabrir a ferramenta, os dados, o layout, as cores e todas as outras opções serão restaurados.

Como funciona a gravação automática

Cada alteração (texto, cor, layout, espaçamento) é imediatamente gravada na memória do navegador. A gravação faz-se automaticamente em segundo plano, sem clicar em nenhum botão.

Como repor as definições

Abaixo da pré-visualização da assinatura, encontra o botão Repor aparência. Um clique abre uma janela de confirmação. Confirmar a reposição restaura todos os dados e definições para os valores predefinidos. Esta operação é irreversível.

Exportar e importar a configuração

Abaixo da pré-visualização da assinatura, encontra dois botões adicionais: Exportar definições e Importar definições. A exportação guarda todos os dados, cores, layout, espaçamentos e estilos de texto num ficheiro JSON. A importação carrega uma configuração previamente guardada a partir de um ficheiro.

Esta função é particularmente útil para transferir a configuração da assinatura entre computadores, partilhar as definições com colegas ou manter uma cópia de segurança dos seus ajustes antes de uma reposição.

O painel de pré-visualização apresenta-se à direita do editor e atualiza-se automaticamente a cada alteração. A pré-visualização é fixa no ecrã (sticky) e permanece visível mesmo ao deslocar as opções de edição.

Mudança de fundo da pré-visualização

Acima da pré-visualização, encontra três botões de mudança de fundo: Claro (fundo cinzento predefinido), Escuro (fundo escuro, útil para verificar a legibilidade em fundo escuro) e Grelha (padrão em grelha, permite ver a transparência e os limites da assinatura).

Botões de ação

Abaixo da pré-visualização, encontra vários botões:

• Copiar a assinatura (Gmail / Outlook) – copia a assinatura em HTML formatado para a área de transferência. Cole-a diretamente nas definições de assinatura.
• Copiar código HTML – copia o código HTML bruto para a área de transferência. Útil para colar num editor HTML ou CMS.
• Transferir como HTML – guarda o código da assinatura como ficheiro .html no disco. Útil para arquivo ou partilha com um programador.
• Mostrar código HTML – abre uma janela modal com o código fonte da assinatura. Pode consultá-lo e copiá-lo diretamente a partir da janela.
• Exportar definições – guarda a configuração completa da assinatura (dados, cores, layout, espaçamentos, estilos) num ficheiro JSON.
• Importar definições – carrega a configuração a partir de um ficheiro JSON. Todas as definições são aplicadas automaticamente.
• Repor aparência – restaura todos os dados e definições para os valores predefinidos (após confirmação).