As assinaturas de HTML podem tornar seu e-mail atraente. Assinaturas não são apenas para tornar seu e-mail atraente; Ele também pode ajudar você a saber mais sobre seus clientes. Você pode fazer assinaturas de e-mail simples e elegantes sem nenhum conhecimento de codificação que possa impressionar seus clientes.
Agora, vamos passar por algumas etapas simples que ajudam você a criar assinaturas de e-mail para o ID do Gmail ou qualquer outro cliente de e-mail.
Ativar assinaturas HTML no Gmail
Antes de irmos para assinaturas de e-mail. é essencial ativar as assinaturas nas configurações do Gmail. Para fazer isso, verifique se você está conectado na conta do Gmail. Agora, clique no ícone de configurações no canto superior direito e selecione configurações. Role para baixo para encontrar a assinatura e marque o botão de opção para ativá-la.
É aqui que você pode copiar e colar o código HTML para gerar a assinatura de email. Agora que você ativou a assinatura no Gmail e nos permite ver como criar uma.
Criar assinatura HTML para e-mails
As assinaturas podem ser seu cartão de visita digital, que acrescenta uma essência de atração aos olhos do espectador. Existem diferentes métodos que você pode seguir para criar assinaturas HTML sem qualquer aborrecimento. Se você conhece a linguagem de programação, então você pode codificar uma para que ela pareça como você quer. Estamos explicando um código de assinatura HTML como uma demonstração para obter a ideia precisa de estrutura, tamanho de imagem padrão e outros elementos que você deve usar para obter a saída desejada. Mais uma dica é usar tabelas para estruturar o conteúdo da assinatura.
Criando a estrutura básica da assinatura HTML
Este tutorial está em cinco partes, que seguem a criação da tabela e o acréscimo do logotipo da empresa, dos detalhes, dos botões da mídia social e do texto do aviso dentro dela. A tabela precisa estar dentro de um bloco div porque é considerado uma boa prática manter suas coisas dentro das tags. Por favor, note que o código funciona mesmo se as tags e não estiverem presentes.
Além disso, definimos o estilo na maneira em linha, pois não temos opção de adicionar uma folha de estilo externa. Aqui, a largura é de 480px, portanto, não é necessário muito espaço e as fontes são definidas como Arial, já que todo o navegador é compatível com ele por padrão.
Adicionar logotipo da empresa na assinatura HTML
Você pode adicionar sua imagem Headshot em vez do logotipo da empresa; isso depende da sua exigência. Desde que precisamos adicionar uma imagem, você tem que hospedá-lo em algum lugar na internet. Certifique-se de que sua imagem esteja disponível publicamente. Estamos usando imgur para o propósito de demonstração. Vá para imgur, clique em Novo post no canto superior esquerdo. Carregue a imagem clicando no botão de navegação . Você também pode usar o Google Drive, o Dropbox ou qualquer outra plataforma que considere adequada como alternativa.
Você pode editar o link ' href ' para levar o usuário ao site da empresa e o link 'src' para adicionar o link de origem da imagem que você hospedou na web.
Adicionar detalhes na assinatura HTML
A próxima parte é adicionar os detalhes, como nome, número de telefone, endereço, e-mail para a assinatura. Você pode optar por adicionar ou remover qualquer uma das coisas simplesmente excluindo essa parte do código ou pode até alterar a sequência de detalhes reorganizando o código. Nós levamos todos os detalhes em consideração para o propósito da demonstração. Aqui nós criamos uma tabela separada dentro da tabela principal e colocamos todos os detalhes na linha da tabela da seguinte forma:
Kaivan Doshi Criador de Conteúdo telefone: +1 (929) 999-9999 celular: +1 (929) 999-9999 email: Endereço Linha 1 endereço linha 2 Botões de mídia social na assinatura HTML
Além disso, você pode usar ícones sociais personalizados de sua escolha no IconFinder. Existem muitos ícones gratuitos para escolher. Você também pode comprar qualquer um dos ícones premium se quiser algum deles. Procure a figura e selecione o tamanho de 32 * 32 para uma aparência adequada. Você pode mudar para qualquer tamanho conforme a apresentação. Aqui definimos 20 * 20 px para todos os ícones sociais. Aqui tudo que você precisa mudar é os links do perfil de mídia social, substitua " # " por seu perfil em href.
Isenção de responsabilidade na assinatura em HTML
Gigantes profissionais de negócios sempre adicionam texto de aviso no final da assinatura. Para adicionar o mesmo em seu, siga o código abaixo.
ADD disclaimer Text Here
Sinta-se à vontade para usar o código acima e fazer edições conforme necessário. Depois que você terminar de colocar o código em um só lugar, a assinatura HTML ficará assim.
Infelizmente, você não pode usar nenhum elemento JavaScript para estilizá-lo, pois o Gmail bloqueia qualquer conteúdo de JavaScript dentro de um email. Por favor, note que as propriedades CSS mais complexas que fazem animações podem não funcionar.
Assinatura HTML no Gmail
A parte complicada aqui é que o Gmail não fornece um editor de HTML, você obtém um editor de texto rico do tipo WYSIWYG (O que você vê é o que você obtém). Para superar esse problema, basta executar o código HTML em qualquer navegador. Selecione tudo e copie e cole na área Assinatura do Gmail. Role para baixo e clique em salvar as alterações para que as alterações ocorram de forma eficaz.
Ferramentas on-line para criar assinatura em HTML
Para as pessoas que não têm tempo para codificar sua assinatura, você pode usar ferramentas on-line que podem gerar a estrutura para você. Algumas das ferramentas fáceis de usar são o Mail Signatures, MySignature, Signature. As ferramentas mencionadas acima oferecem personalização em grande detalhe, e a assinatura pode ser feita em 5 minutos. Você pode adicionar diferentes botões sociais, imagens, certificações e muitas outras coisas. Existem opções para adicionar texto de aviso de isenção, bem como cotações no final da assinatura. Depois de criar uma assinatura perfeita, tudo o que você precisa fazer é copiá-la e colá-la no editor de texto, na seção Assinatura, nas configurações do Gmail. Certifique-se de salvar as alterações antes de sair.
Para fins de demonstração, usamos o criador de assinaturas de e-mail gratuito do Exclaimer. Aqui, você pode personalizar a assinatura de acordo com seus interesses. Também permite que você altere os esquemas de cores. Na seção Layout, você pode escolher um estilo de modelo mais adequado para você. Em Detalhes, você precisa adicionar informações pessoais, como nome, nome da empresa e site, endereço de e-mail, número de telefone, etc.
Link para o site: HTML Signature Creator.
Você também pode adicionar o texto de Isenção de responsabilidade personalizado, além de permitir o upload do logotipo da empresa. Quando terminar de jogar com a ferramenta Assinatura, vá para a seção de instalação e selecione Destacar assinatura . Por fim, copie e cole-o na seção Assinatura nas configurações do Gmail.
Muitos serviços premium fornecem assinaturas HTML com um design e análise mais sofisticados para rastrear clientes. Sempre que uma pessoa clica em seu botão social ou vincula-se ao site, registra o clique e fornece um relatório sobre quantas pessoas estavam interessadas e verificaram seus serviços. Essas declarações podem desempenhar um papel crucial nas conversões.
Criar uma assinatura HTML para o Gmail
E-mail marketing leva o crédito de cerca de 35% para a venda do produto a cada ano. É essencial redigir o e-mail corretamente para obter melhores conversões. Uma parte que a maioria das entidades de negócios deixa passar é um design criativo e simples. Acabar com o correio na perfeição pode ser uma tarefa difícil.
HTML Signatures é uma forma de deixar as pessoas saberem mais sobre o remetente, e também faz você parecer mais profissional. Codifique uma Assinatura você mesmo ou use qualquer uma das ferramentas mencionadas para criar uma. Certifique-se de escolher um design simples e profissional e mantê-lo curto, sutil.
