E-mail aláírás generátor
Készíts profi HTML e-mail aláírást fotóval vagy logóval, elérhetőségekkel és közösségi linkekkel, majd másold be Gmailbe, Outlookba vagy az Apple Mailbe.
Előnézet
Az URL-ről betöltött képek lehet, hogy nem jelennek meg ebben az előnézetben (az oldal blokkolja a külső képeket), de az e-mailjeidben megjelennek.
Ellenőrzések
Nem találtam hibát.
Így készítsd el az e-mail aláírásodat
- Töltsd ki az Adataid részt: teljes név, beosztás, cég, e-mail, telefon, mobil, weboldal és cím. Hagyd üresen azt a mezőt, amelynek a sorát el szeretnéd rejteni.
- Illeszd be a Közösségi profilok teljes címét (LinkedIn, X, Instagram, Facebook, YouTube, GitHub). Szöveges linkként jelennek meg a kiemelő színeddel.
- Adj hozzá Logó vagy fotó elemet. A legjobb megoldás a Kép URL-je (ajánlott): egy, a weboldaladon már meglévő kép https:// címe. Választhatsz helyi fájlt is, ezt beágyazza az aláírásba (a korlátokat lásd lentebb).
- Válassz Sablont (Klasszikus (kép oldalt), Egymás alatt vagy Kompakt), Kiemelő színt, Betűtípust és Kép szélessége értéket. Pipáld be a Kerek kép opciót a kör alakú fotóhoz.
- Nézd meg az Előnézetet, majd kattints az Aláírás másolása gombra, és illeszd be az e-mail-alkalmazásodba. A HTML-forrás másolása és a Letöltés a nyers kódot adja azokhoz az alkalmazásokhoz, amelyek HTML-t fogadnak.
A Példa betöltése mintaadatokkal tölti ki az űrlapot, hogy kipróbálhasd a sablonokat. Minden a böngésződben történik: semmit, amit beírsz vagy feltöltesz, nem küld el sehová.
Miért táblázatokból és beágyazott stílusokból épül az aláírás
Az e-mail-alkalmazások nem böngészők. A Windowsos Outlook a Word motorjával jeleníti meg a leveleket, a Gmail eltávolítja az aláírásokból a <style> blokkokat, és sok alkalmazás figyelmen kívül hagyja a modern CSS-t, például a flexboxot vagy a gridet. Ezért az eszköz olyan HTML-t állít elő, amely mindenhol megbízhatóan működik: role="presentation" attribútumú elrendezési táblázatot, minden elemen beágyazott style attribútumokat, webbiztos betűtípusokat (Arial, Verdana, Tahoma, Trebuchet MS, Georgia) és ikonképek helyett egyszerű szöveges linkeket. Minden beírt érték escape-elve kerül a kódba, így egy elkóborolt < vagy & a beosztásban nem törheti el a kódot.
A telefonszámokból tel: link lesz (így telefonon rájuk lehet koppintani), az e-mail-címből mailto: link, a https:// nélküli webcímeket pedig automatikusan kiegészíti. Azokat a linkeket, amelyek nem webcímek, kihagyja, és az Ellenőrzések alatt felsorolja.
Képek: hosztolt URL vagy beágyazott fájl?
A helyi képből data URI lesz, vagyis maga a kép kerül a HTML-be. Az eszköz 240 pixelre méretezi át, hogy kicsi maradjon, de sok kliens így is blokkolja vagy eltávolítja a data URI-kat: a Gmail nem fogadja el őket az aláírásban, az Outlook gyakran üres négyzetet mutat, a címzettek pedig melléklet formájában is láthatják a képet. A hosztolt kép (például https://www.example.com/logo.png) könnyebb, és sokkal több alkalmazásban megjelenik. Töltsd fel a logódat a weboldaladra, majd illeszd be az URL-jét. Vedd figyelembe, hogy az URL-ről betöltött képek lehet, hogy nem jelennek meg ennek az oldalnak az előnézetében, mert az oldal adatvédelmi okból blokkolja a külső képeket, de az e-mailjeidben megjelennek.
Az aláírás hozzáadása az e-mail-alkalmazásodhoz
- Gmail: nyisd meg a Beállításokat (fogaskerék ikon) → Az összes beállítás megtekintése → Általános → Aláírás → Új létrehozása. Illeszd be a Ctrl+V (Cmd+V) paranccsal, majd kattints az oldal alján a Módosítások mentése gombra. A Gmail az aláírásokat 10 000 karakterre korlátozza.
- Outlook (új Outlook és webes Outlook): Beállítások → Fiók → Aláírások, hozz létre egy aláírást, illeszd be, és mentsd. A klasszikus Windowsos Outlookban: Fájl → Beállítások → Levelezés → Aláírások.
- Apple Mail: Mail → Beállítások → Aláírások, válaszd ki a fiókodat, kattints a + gombra, illeszd be, és vedd ki a pipát az Always match my default message font (mindig az alapértelmezett üzenet-betűtípust használja) opciónál, hogy a betűtípusok és színek megmaradjanak.
Gyakori kérdések
Miért látok törött képet vagy mellékletet az elküldött e-mailjeimben?
A kép valószínűleg data URI-ként van beágyazva, amelyet sok e-mail-kliens blokkol. Használj inkább hosztolt kép URL-t: ez a legmegbízhatóbb módja a logó vagy a fotó megjelenítésének.
Miért tűnik négyzetesnek a kerek fotó az Outlookban?
A Windowsos Outlook figyelmen kívül hagyja a border-radius stílust. Ha fontos az alak, a használat előtt vágd körré a fotót, és mentsd átlátszó hátterű PNG-ként.
Szerkeszthetem magam a HTML-t?
Igen. Használd a HTML-forrás másolása vagy a Letöltés gombot, és szerkeszd a kódot bármilyen szövegszerkesztőben. Tartsd meg a táblázatokat és a beágyazott stílusokat: a legtöbb e-mail-kliens figyelmen kívül hagyja a stíluslapokat és az osztályokat.
Miért szöveg, és miért nem ikon jelzi a közösségi hálózatokat?
Az ikonok képek lennének, a képek pedig az aláírás leggyakrabban blokkolt részei. A szöveges linkek mindig megjelennek, sötét módban is olvashatók maradnak, és nem teszik nehezebbé az aláírást.
Tárolódnak vagy elküldődnek valahová az adataim?
Nem. Az aláírás a böngésződben készül el. Semmi sem kerül feltöltésre, és az oldal bezárása után semmit sem őriz meg.
Kapcsolódó eszközök
- Mailto link generátor Készíts mailto linket címzettekkel, Cc-vel, Bcc-vel, tárggyal és üzenettel, helyesen százalékkódolva, valamint beilleszthető HTML-linkkel.
- QR-kód generátor Készíts ingyenes QR-kódokat linkekhez, szöveghez, Wi-Fi-hez, névjegyekhez, e-mailhez és SMS-hez. Adj hozzá színeket és logót, majd tölts le PNG-t vagy SVG-t.
- UTM link készítő Kampány-URL-ek UTM paraméterekkel Google Analyticshez, egy link vagy száz egyszerre, a meglévő lekérdezési rész megtartásával, CSV-exporttal.