In de best practice-gids voor e-mailberichten staat dat elke gebruiker een handtekening moet hebben. Of het nu gaat om een persoonlijk e-mailadres of een zakelijk e-mailaccount. In onderstaande tutorial zie je hoe je een HTML-handtekening maakt met een afbeelding erbij Outlook of voor een andere e-mailservice/toepassing die HTML-code accepteert.
Als het voor persoonlijke accounts volstaat met een afsluitende groet, gevolgd door het telefoonnummer en e-mailadres, wordt voor een zakelijk account vaak gevraagd om het bedrijfslogo op te nemen in de ondertekening van de e-mailberichten, de foto van de correspondent of zelfs een spandoek met acties en aanbiedingen.
Hoe maak je een HTML-handtekening met afbeelding voor Outlook
Om een e-mailhandtekening voor te maken Outlook (of voor een andere e-mailclient) waarin er aangepaste elementen zijn zoals: lettertype, kleur, opmaak en lettergrootte, ingevoegde afbeelding, is het noodzakelijk om een HTML-code van de handtekening te maken.
Hieronder heb je een codesjabloon voor de HTML-handtekening met een afbeelding. U kunt deze code met de gegeven gegevens wijzigen en vervolgens kopiëren naar de handtekening van het e-mailadres.
<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>
Het verdient de voorkeur dat de afbeelding wordt gehost op een webserver van waaruit deze aan de ontvanger kan worden aangeboden. Dit betekent dat als de afbeelding van de handtekening in de e-mail is niet zichtbaar, <img src="image_url.jpg"... je moet het webadres van de foto aangeven.
De HTML-code is vrij intuïtief en als je met de waarden speelt, krijg je de gewenste wijzigingen. U kunt de grootte van het schrift in de handtekening, de afmetingen en positie van de afbeelding of andere elementen wijzigen.
voorbeeld:
<img src="https://yourdomain.tld/image_url.jpg" alt="Your Name" height="100" width="100">De handtekening kan zowel in Outlook wanneer in andere e-mailtoepassingen of online services. gmail, Webmail, Yahoo, iCloud.com, Roundcube of anderen.
