Varför ser din signatur perfekt ut i en inkorg och trasig i en annan? Logotypen är enorm. Färgerna har försvunnit. En kollega ser rå kod i stället för ditt företagsnamn.
HTML-signaturer använder formaterad kod för att styra layout, länkar och bilder i ditt kontaktblock. De ger dig mer designkontroll än ren text. De beter sig också olika i olika e-postprogram, så det är viktigt att förstå avvägningarna innan du bestämmer dig.
Vad är en HTML-signatur?
En HTML-signatur är ett kontaktblock som byggs med kod i stället för vanliga tecken. Den kan innehålla din logotyp som bild, formaterad text och klickbara länkar till din webbplats eller sociala profiler. Ditt e-postprogram sparar koden och lägger in den under varje meddelande.
HTML-signaturer ser mer ut som en liten webbsida än ett skrivet adressblock. Den visuella finishen stöder igenkänning av varumärket när den kombineras med en domän från skapa e-postadresser på din domän.
Så skiljer sig HTML-signaturer från ren text
Signaturer i ren text använder bara radbrytningar och enkla tecken. Alla program visar dem på samma sätt. HTML-signaturer lägger till designelement men kan visas med annat avstånd, andra typsnitt eller saknade bilder beroende på läsarens app.
HTML fungerar bra när du behöver en logotyp, en varumärkesfärg eller flera länkade ikoner. Ren text fungerar bra för korta interna svar eller roller där tempot är viktigare än utseendet. Många team har båda versionerna i sin mall för e-postsignatur.
Så bygger du HTML-signaturer som håller
E-postprogram är inte webbläsare. De tar bort eller ignorerar många vanliga webbtekniker. Håll dig till enkla, testade mönster.
1. Använd inline-stilar
Lägg färg och teckenstorlek direkt på varje element. Externa stilmallar tas ofta bort. Inline-stilar klarar fler program än klassbaserad CSS.
2. Lägg bilder på din egen domän
Länka logotypfiler från din webbserver, inte från tillfälliga uppladdningslänkar. Bilder på din domän laddas pålitligt och matchar förtroendesignalen från professionell e-post och din webbplats.
3. Håll koden enkel
Undvik tabeller i tabeller, egna typsnitt och stora bakgrundsbilder. En enda enkel tabell med logotyp och textrader räcker för de flesta varumärken. Testa genom att skicka till dig själv och öppna meddelandet på mobilen.
När du ska välja HTML framför ren text
Välj HTML när dina varumärkesriktlinjer kräver en logotyp och färg i varje utgående meddelande. Välj ren text när ditt team skickar många korta svar eller när leveransbarhet och laddhastighet är högsta prioritet.
Använder du HTML, ge alltid en reserv i ren text för program som tar bort formateringen. Kapitlet om formatering av signaturblock i e-post tar upp layoutregler som gäller båda formaten.
Vanliga frågor
Behöver jag kunna koda för att skapa en HTML-signatur?
Enkla HTML-signaturer använder korta taggar för länkar och bilder som du kan kopiera från en mall. Du behöver inga avancerade kodkunskaper. WEMASY hjälper dig att lägga logotypfiler på din domän via webbplatsbyggaren.
Varför försvinner bilder i vissa HTML-signaturer?
Vissa e-postprogram blockerar bilder som standard tills läsaren tillåter dem. Lägg bilderna på din egen domän och håll filstorlekarna små. Ta alltid med alt-text med företagsnamnet så att text visas när bilderna blockeras.
Kan HTML-signaturer göra mina meddelanden långsammare?
Stora bilder och tung kod ger längre laddtid, särskilt i mobila nät. Komprimera logotypfiler och begränsa antalet länkade bilder. Ett lätt block skickas snabbare och ser mer professionellt ut.
Ska jag klistra in HTML-koden direkt i mitt e-postprogram?
De flesta e-postprogram för företag har en signaturredigerare som tar emot inklistrad HTML eller har en visuell redigerare. Klistra in koden, spara och skicka ett testmeddelande. Läs kapitlet om vad ett e-postprogram är för att förstå hur ditt verktyg hanterar signaturer.
Är HTML-signaturer säkra att använda i företag?
HTML-signaturer är säkra när du styr koden och lägger bilderna själv. Undvik att klistra in signaturer från okända källor. Håll dig till mallar som ditt team skapar och granskar internt.
Hur hänger HTML-signaturer ihop med reglerna för varumärkesdesign?
Använd samma logotyp, färger och typsnitt som i din varumärkesguide. Kapitlet om bästa praxis för design av e-postsignatur tar upp visuella regler som gäller både HTML och ren text.