Generator för e-postsignatur

Skapa en responsiv e-postsignatur med namn, befattning, kontaktuppgifter och länkar och kopiera sedan HTML-koden.

Dina kontaktuppgifter och den skapade signaturen stannar i webbläsaren. BroBroGo laddar inte upp eller sparar dem.

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.

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, span och a tillsammans 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, class samt 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.