En professionell e-postsignatur fungerar som ett digitalt visitkort och är en viktig del av affärskommunikationen. Den bidrar till att upprätthålla en enhetlig varumärkesprofilering och säkerställer att mottagaren enkelt kan hitta relevanta kontaktuppgifter. Genom att använda en strukturerad HTML-signatur kan säljare, rekryterare, kundtjänstmedarbetare och små team presentera sin information på ett enhetligt sätt.
Denna generator för e-postsignatur skapar en responsiv signatur i HTML-format som kan kopieras och klistras in i ditt e-postprogram. Verktyget är utformat för att hantera formatering, länkstruktur och teckenbegränsningar direkt i webbläsaren.
Tekniska överväganden för e-postsignaturer
Att designa för e-post innebär andra tekniska utmaningar än vanlig webbdesign. E-postklienter tolkar HTML och CSS på högst varierande sätt. För att säkerställa bredast möjliga kompatibilitet använder denna generator en strikt och minimalistisk kodstruktur.
- Struktur med tabeller: Layouten bygger på en presentationstabell med en fast maximal bredd (
max-width:520px). Detta förhindrar att signaturen sträcks ut i breda e-postfönster och håller informationen samlad. - Tillåtna HTML-element: Koden som genereras använder endast säkra och grundläggande element:
table,tr,td,strong,spanochatillsammans med infogade stilar (inline styles). - Uteslutna element: För att förhindra att e-postmeddelandet blockeras av säkerhetsfilter eller renderas felaktigt, exkluderar verktyget helt element som
script,style,image,form,classsamt eventhanterare. - Säkerhet och kodning: All användartext och alla länkattribut eskapas automatiskt. Internationella domäner normaliseras i
href-attributen för att säkerställa att länkarna fungerar korrekt.
Inmatningsfält och valideringsregler
För att generera en fungerande signatur fyller du i dina uppgifter i formuläret. Endast fältet för fullständigt namn är obligatoriskt; övriga fält är valfria och utelämnas helt ur HTML-koden om de lämnas tomma.
Följande regler och begränsningar gäller för inmatningen:
| Fält | Obligatoriskt | Maxgräns (tecken) | Särskilda regler och beteenden |
|---|---|---|---|
| Fullständigt namn | Ja | 160 | Skriv namnet exakt som mottagaren ska se det. |
| Befattning | Nej | 160 | Valfri yrkesroll eller titel. |
| Telefon | Nej | 80 | Tillåter siffror och vanlig telefoninterpunktion. Telefonnummer som inleds med + genererar automatiskt klickbara tel:-länkar. |
| E-post | Nej | 254 | Måste anges i ett giltigt e-postformat. Genererar en procentkodad mailto:-länk. |
| Webbplats | Nej | 300 | Fullständig webbadress eller domän. Protokollet https:// läggs till automatiskt om det utelämnas. |
| Profillänk | Nej | 300 | Länk till offentlig portfolio, yrkesprofil eller kreatörssida. |
Den totala HTML-koden som genereras är optimerad för att ligga under 10 000 tecken.
Felmeddelanden och validering
Verktyget kontrollerar fältens format, säkra länktyper och den genererade HTML-koden i realtid. Det verifierar däremot inte identitet, tillåtelse, ägarskap eller mottagarens faktiska nåbarhet.
Om inmatningen bryter mot reglerna visar verktyget specifika felmeddelanden:
- Om namnfältet är tomt: "Ange ett fullständigt namn."
- Om namnet överskrider gränsen: "Det fullständiga namnet får innehålla högst
‹max›tecken." - Om befattningen är för lång: "Befattningen får innehålla högst
‹max›tecken." - Om telefonnumret innehåller ogiltiga tecken: "Använd siffror, vanlig telefoninterpunktion och ett valfritt anknytningsnummer."
- Om telefonnumret överskrider gränsen: "Telefonnumret får innehålla högst
‹max›tecken." - Om e-postadressen har felaktigt format: "Ange en e-postadress i giltigt format."
- Om e-postadressen är för lång: "E-postadressen får innehålla högst
‹max›tecken." - Om en URL är ogiltig: "Ange en giltig adress till en webbplats eller profil."
- Om en URL använder ett protokoll som inte stöds: "Använd en http://- eller https://-länk."
- Om en URL innehåller inbäddade autentiseringsuppgifter: "Ta bort användarnamnet och lösenordet från länken."
- Om en URL är för lång: "Korta länken så att den ryms säkert i e-postsignatur."
- Om otillåtna tecken upptäcks: "Ta bort kontrolltecken eller oväntade radbrytningar från fältet."
Om det finns felaktigheter i formuläret visas meddelandet "Rätta de markerade fälten innan du skapar signaturen." och ingen kod genereras.
Förhandsgranskning och utmatning
När du använder verktyget kan du följa processen via statusmeddelanden och förhandsgranskningar:
- Statusmeddelanden: När verktyget laddas visas "Redo för signaturuppgifter.". När signaturen har skapats visas "E-postsignaturen har skapats.". Om du rensar formuläret visas "Signaturuppgifter och förhandsgranskning har rensats.".
- Förhandsgranskning: Du kan granska signaturens utseende i både "Bred" och "Smal" layout under rubriken "Förhandsgranskning av e-postsignatur". Detta gör det enkelt att se hur informationen radbryts på olika skärmstorlekar.
- HTML-kod: Om inga uppgifter har matats in visar utmatningsområdet texten "Ange dina uppgifter och skapa en signatur för att se HTML-koden som kan kopieras.". Efter generering visas den färdiga koden i ett skrivskyddat textfält tillsammans med statistik som visar "
‹count›HTML-tecken" och "‹count›klickbara länkar".
Integritet och databehandling
Dina kontaktuppgifter och den skapade signaturen stannar i webbläsaren. BroBroGo laddar inte upp eller sparar dem på externa servrar. Detta innebär att din personliga information och dina kontaktuppgifter behandlas lokalt på din enhet under hela processen.
Vanliga frågor
Kommer signaturen att se likadan ut i alla e-postappar?
Nej. Den är utformad för att förbli läsbar i vanliga e-postappar, men Gmail, Outlook, Apple Mail och företagsgatewayar kan ändra avstånd, teckensnitt, färger eller länkar. Skicka testmeddelanden från apparna du använder innan du publicerar den.
Vilka fält är obligatoriska?
Endast fullständigt namn krävs. Befattning, telefon, e-post, webbplats och profillänk är valfria, och tomma fält utelämnas. Använd ett internationellt telefonnummer som börjar med + om du vill ha en klickbar telefonlänk.
Hur lägger jag till HTML-koden i min e-postapp?
Kopiera den skapade HTML-koden och följ e-postappens anvisningar för att lägga till en HTML-signatur. Vissa redigerare tar emot det visade innehållet i stället för rå kod, så skicka ett test till dig själv på dator och mobil innan du använder signaturen med mottagare.