Waarom ziet je handtekening er in de ene inbox perfect uit en in de andere kapot? Het logo is enorm. De kleuren zijn verdwenen. Een collega ziet ruwe code in plaats van je bedrijfsnaam.
HTML-e-mailhandtekeningen gebruiken opgemaakte code om de opzet, links en afbeeldingen in je contactblok te regelen. Ze geven je meer ontwerpcontrole dan platte tekst. Ze gedragen zich ook anders per e-mailprogramma, dus het loont om de afwegingen te kennen voordat je kiest.
Wat is een HTML-e-mailhandtekening?
Een HTML-e-mailhandtekening is een contactblok dat met code is gebouwd in plaats van met gewone tekens. Het kan je logo als afbeelding bevatten, opgemaakte tekst en klikbare links naar je website of sociale profielen. Je e-mailprogramma slaat de code op en voegt die onder elk bericht in.
HTML-handtekeningen lijken meer op een minipagina dan op een getypt adresblok. Dat visuele verzorgde uiterlijk ondersteunt merkherkenning, in combinatie met een domein uit e-mailadressen aanmaken op je domein.
Zo verschillen HTML-handtekeningen van platte tekst
Handtekeningen in platte tekst gebruiken alleen regeleinden en eenvoudige tekens. Elk programma toont ze op dezelfde manier. HTML-handtekeningen voegen ontwerpelementen toe, maar kunnen met andere witruimte, andere lettertypen of ontbrekende afbeeldingen verschijnen, afhankelijk van de app van de lezer.
HTML werkt goed als je een logo, merkkleur of meerdere iconen met links nodig hebt. Platte tekst werkt goed voor korte interne antwoorden of functies waarbij snelheid belangrijker is dan uiterlijk. Veel teams houden beide versies bij in hun e-mailhandtekening-sjabloon.
HTML-e-mailhandtekeningen bouwen die standhouden
E-mailprogramma's zijn geen webbrowsers. Ze halen veel standaardtechnieken van het web weg of negeren die. Houd je aan eenvoudige, geteste patronen.
1. Gebruik inline stijlen
Pas kleur en lettergrootte direct toe op elk element. Externe stylesheets worden vaak verwijderd. Inline stijlen overleven in meer programma's dan CSS met klassen.
2. Host afbeeldingen op je eigen domein
Link logobestanden vanaf de server van je website, niet vanaf tijdelijke uploadlinks. Afbeeldingen op je eigen domein laden betrouwbaar en sluiten aan op het vertrouwenssignaal uit professionele e-mail en je website.
3. Houd de code eenvoudig
Vermijd tabellen in tabellen, eigen lettertypen en grote achtergrondafbeeldingen. Eén eenvoudige tabel met je logo en tekstregels dekt de meeste merkbehoeften. Test door jezelf een bericht te sturen en het op mobiel te openen.
Wanneer je HTML boven platte tekst kiest
Kies HTML als je merkrichtlijnen een logo en kleur in elk uitgaand bericht vragen. Kies platte tekst als je team veel korte antwoorden verstuurt of als bezorging en laadsnelheid de hoogste prioriteit hebben.
Gebruik je HTML? Zorg dan altijd voor een terugvaloptie in platte tekst voor programma's die opmaak weghalen. Het hoofdstuk over de opmaak van een e-mailhandtekening behandelt opzetregels die voor beide formaten gelden.
Veelgestelde vragen
Heb ik codeervaardigheden nodig om een HTML-e-mailhandtekening te maken?
Eenvoudige HTML-handtekeningen gebruiken simpele tags voor links en afbeeldingen die je uit een sjabloon kunt kopiëren. Je hebt geen geavanceerde codeervaardigheden nodig. WEMASY helpt je logobestanden op je domein te hosten met de Websitebouwer.
Waarom verdwijnen afbeeldingen in sommige HTML-e-mailhandtekeningen?
Sommige e-mailprogramma's blokkeren afbeeldingen standaard totdat de lezer ze toestaat. Host afbeeldingen op je eigen domein en houd bestanden klein. Voeg altijd alt-tekst met je bedrijfsnaam toe, zodat er tekst staat als afbeeldingen geblokkeerd zijn.
Kunnen HTML-e-mailhandtekeningen mijn berichten vertragen?
Grote afbeeldingen en zware code verlengen de laadtijd, vooral op mobiele netwerken. Comprimeer logobestanden en beperk het aantal afbeeldingen met links. Een licht blok verstuurt sneller en ziet er professioneler uit.
Moet ik HTML-code direct in mijn e-mailprogramma plakken?
De meeste zakelijke e-mailprogramma's hebben een handtekeningeditor die geplakte HTML of een visuele editor accepteert. Plak de code, sla op en verstuur een testbericht. Lees het hoofdstuk wat een e-mailprogramma is om te begrijpen hoe jouw tool met handtekeningen omgaat.
Zijn HTML-e-mailhandtekeningen veilig voor zakelijk gebruik?
HTML-handtekeningen zijn veilig als je de code beheert en afbeeldingen zelf host. Plak geen handtekeningen uit onbekende bronnen. Houd je aan sjablonen die je team zelf maakt en intern controleert.
Hoe hangen HTML-handtekeningen samen met ontwerpregels voor je merk?
Gebruik hetzelfde logo, dezelfde kleuren en dezelfde lettertypekeuzes uit je merkgids. Het hoofdstuk best practices voor het ontwerp van e-mailhandtekeningen behandelt visuele regels die voor HTML en platte tekst gelden.