Como fazer uma assinatura HTML com uma imagem para o 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 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.

Para criar uma assinatura de e-mail para o Outlook (ou para outro cliente de e-mail) na qual 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.

<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 fazer uma assinatura HTML com uma imagem para Outlook
Como fazer uma assinatura HTML com uma imagem para o 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 no Outlook quanto em outros aplicativos de e-mail ou serviços online. gmail, WebmailYahoo, iCloud. Com Roundcube ou outros.

Como » Microsoft Office » Microsoft Office Outlook » Como fazer uma assinatura HTML com uma imagem para o Outlook

Apaixonado por tecnologia, gosto de testar e escrever tutoriais sobre sistemas operacionais macOS, Linux, Windowssobre WordPress, WooCommerce e configurar servidores web LEMP (Linux, NGINX, MySQL e PHP). eu escrevo em StealthSettings.com desde 2006, e alguns anos depois, comecei a escrever no iHowTo.Tips tutoriais e notícias sobre dispositivos no ecossistema Apple: iPhone, iPad, Apple Assistir, HomePod, iMac, MacBook, AirPods e acessórios.

Deixe um comentário