Hvorfor ser din signatur perfekt ud i én indbakke og ødelagt i en anden? Logoet er kæmpestort. Farverne er væk. En kollega ser rå kode i stedet for din virksomheds navn.
HTML-signaturer i e-mail bruger formateret kode til at styre opbygning, links og billeder i din kontaktblok. De giver dig mere kontrol over designet end ren tekst. De opfører sig også forskelligt på tværs af mailklienter, så det er vigtigt at forstå fordele og ulemper, før du vælger.
Hvad er en HTML-signatur i e-mail?
En HTML-signatur i e-mail er en kontaktblok bygget med kode i stedet for almindelige tegn. Den kan indeholde dit logo som billede, tekst med typografi og links, der kan klikkes på, til din hjemmeside eller profiler på sociale medier. Din mailklient gemmer koden og sætter den ind under hver besked.
HTML-signaturer ligner mere en lille webside end en tastet adresseblok. Den visuelle finish støtter genkendelse af brandet, når den kombineres med et domæne fra sådan opretter du e-mailadresser på dit domæne.
Sådan adskiller HTML-signaturer sig fra ren tekst
Signaturer i ren tekst bruger kun linjeskift og enkle tegn. Alle klienter viser dem på samme måde. HTML-signaturer tilføjer designelementer, men kan vises med anden afstand, andre skrifttyper eller manglende billeder, afhængigt af læserens app.
HTML virker godt, når du har brug for et logo, en brandfarve eller flere ikoner med links. Ren tekst virker godt til korte interne svar eller roller, hvor hastighed betyder mere end udseende. Mange teams har begge versioner i deres skabelon til e-mailsignatur.
Sådan bygger du HTML-signaturer i e-mail, der holder
Mailklienter er ikke webbrowsere. De fjerner eller ignorerer mange almindelige teknikker fra nettet. Hold dig til enkle, afprøvede mønstre.
1. Brug inline-typografi
Sæt farve og skriftstørrelse direkte på hvert element. Eksterne typografiark bliver ofte fjernet. Inline-typografi overlever i flere klienter end CSS med klasser.
2. Placér billeder på dit eget domæne
Link til logofiler fra din hjemmesides server og ikke til midlertidige links til upload. Billeder på dit domæne indlæses pålideligt og passer til signalet om tillid fra professionel e-mail og din hjemmeside.
3. Hold koden enkel
Undgå tabeller inde i tabeller, egne skrifttyper og store baggrundsbilleder. En enkelt, enkel tabel med dit logo og rækker med tekst dækker de fleste behov. Test ved at sende til dig selv og åbne beskeden på mobilen.
Hvornår du bør vælge HTML frem for ren tekst
Vælg HTML, når dine retningslinjer for brandet kræver et logo og en farve i hver udgående besked. Vælg ren tekst, når dit team sender mange korte svar, eller når levering og hastighed ved indlæsning har højeste prioritet.
Hvis du bruger HTML, så giv altid en reserve i ren tekst til klienter, der fjerner formatering. Kapitlet om formatering af en blok til e-mailsignatur dækker regler for opbygning, der gælder for begge formater.
Ofte stillede spørgsmål
Skal jeg kunne kode for at lave en HTML-signatur i e-mail?
Enkle HTML-signaturer bruger simple tags til links og billeder, som du kan kopiere fra en skabelon. Du behøver ikke avancerede kundskaber i kodning. WEMASY hjælper dig med at placere logofiler på dit domæne via hjemmesidebyggeren.
Hvorfor forsvinder billeder i nogle HTML-signaturer i e-mail?
Nogle mailklienter blokerer billeder som standard, indtil læseren tillader dem. Placér billeder på dit eget domæne, og hold filerne små. Skriv altid alternativ tekst med din virksomheds navn, så teksten vises, når billeder er blokeret.
Kan HTML-signaturer i e-mail gøre mine beskeder langsommere?
Store billeder og tung kode giver længere indlæsning, især på mobile netværk. Komprimér logofiler, og begræns antallet af billeder med links. En let blok sendes hurtigere og ser mere professionel ud.
Skal jeg sætte HTML-kode direkte ind i min mailklient?
De fleste mailklienter til erhverv har en editor til signaturer, der accepterer indsat HTML eller en visuel editor. Sæt koden ind, gem, og send en testbesked. Se kapitlet om hvad er en mailklient for at forstå, hvordan dit værktøj håndterer signaturer.
Er HTML-signaturer i e-mail sikre at bruge i erhvervslivet?
HTML-signaturer er sikre, når du selv styrer koden og selv placerer billeder. Undgå at sætte signaturer ind fra ukendte kilder. Hold dig til skabeloner, som dit team selv laver og gennemgår internt.
Hvordan hænger HTML-signaturer sammen med reglerne for design af dit brand?
Brug det samme logo, de samme farver og de samme skrifttyper fra din vejledning til brandet. Kapitlet om god praksis for design af e-mailsignaturer dækker visuelle regler, der gælder for både HTML og ren tekst.