Como fazer uma assinatura HTML com imagem para Outlook

O guia de melhores práticas para mensagens de e-mail diz que cada usuário deve ter uma assinatura. Independentemente de ser um endereço de e-mail pessoal ou uma conta de e-mail comercial. No tutorial abaixo você verá como fazer uma assinatura HTML com uma imagem para Outlook ou para outro serviço/aplicativo de e-mail que aceite código HTML.

Se para contas pessoais basta uma saudação de encerramento, seguida do número de telefone e endereço de e-mail, para uma conta comercial é frequentemente solicitado que o logotipo da empresa seja incluído na assinatura das mensagens de e-mail, a foto do correspondente ou mesmo um banner com promoções e ofertas.

Como fazer uma assinatura HTML com imagem para Outlook

Para fazer uma assinatura de e-mail para Outlook (ou para outro cliente de e-mail) em que existam elementos personalizados como: tipo de fonte, cor, formatação e tamanho da fonte, imagem inserida, é necessário criar um código HTML da assinatura.

Abaixo você tem um modelo de código para a assinatura HTML com uma imagem. Você pode alterar este código com os dados fornecidos e copiá-lo para a assinatura do endereço de e-mail.

<html>
  <head>
    <style>
      .signature {
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: #333;
      }
    </style>
  </head>
  <body>
    <table>
      <tr>
        <td valign="top">
          <img src="image_url.jpg" alt="Your Name" height="100" width="100">
        </td>
        <td valign="top" class="signature">
          <p>
            Your Name<br>
            Job Title<br>
            Company Name<br>
            Email: <a href="mailto:your.email@example.com">your.email@example.com</a><br>
            Phone: (555) 555-5555
          </p>
        </td>
      </tr>
    </table>
  </body>
</html>
como você faz uma assinatura HTML com uma imagem para Outlook
Como fazer uma assinatura HTML com imagem para Outlook

É preferível que a imagem seja hospedada em um servidor web de onde possa ser entregue ao destinatário. Isso significa que se a foto da assinatura no e-mail não está visível, a <img src="image_url.jpg"... você deve indicar o endereço web da foto.

O código HTML é bastante intuitivo e se você brincar com os valores conseguirá as alterações desejadas. Você pode alterar o tamanho da escrita na assinatura, as dimensões e a posição da imagem ou outros elementos.

exemplo:

<img src="https://yourdomain.tld/image_url.jpg" alt="Your Name" height="100" width="100">

A assinatura pode ser usada tanto em Outlook quando em outros aplicativos de e-mail ou serviços online. gmail, WebmailYahoo, iCloud. Com Roundcube ou outros.

Apaixonado por tecnologia, escrevo com prazer no StealthSettings.com desde 2006. Tenho uma ampla experiência em sistemas operacionais: macOS, Windows e Linux, assim como em linguagens de programação e plataformas de blogs (WordPress) e para lojas online (WooCommerce, Magento, PrestaShop).

Como » Microsoft Office » Microsoft Office Outlook » Como fazer uma assinatura HTML com imagem para Outlook
Deixe um comentário