Készítsen professzionális HTML e-mail aláírást

Az e-mail aláírás (más néven e-mail lábléc) egy információs blokk minden elküldött üzenet végén. Tartalmazza a kapcsolattartói adatokat, beosztást, cégnevet és gyakran egy linket a weboldalra vagy találkozónaptárra.

A címzettnek nem kell a korábbi üzenetekben keresnie a telefonszámot - minden adat könnyen elérhető. A professzionális e-mail aláírás azt is mutatja, hogy odafigyel a részletekre és következetes cégképet tart fenn az üzleti levelezésben.

Az Adatok fül tartalmazza az összes kitölthető mezőt. Csak kettő kötelező: a név és az e-mail cím. A többi mező opcionális, és csak kitöltés esetén jelenik meg az aláírásban.

Mezők az Adatok fülben

• Sor a név felett - kiegészítő szöveg a név felett. Megadhatja a cégnevet, szlogent vagy mottót.
• Avatar / logó (kép URL) - URL egy profilképhez vagy céglogóhoz. A képnek négyzetesnek kell lennie (min. 120×120 px) és nyilvánosan elérhetőnek. Az URL beillesztése után további beállítások jelennek meg: Avatar forma (kerek, lekérekített vagy négyzet) és Avatar méret (kicsi - 40 px, közepes - 56 px, nagy - 72 px).
• Teljes név - kötelező mező. Adja meg teljes nevét.
• Névcímke - rövid szöveg a név mellett, pl. névmások vagy rövidített cím.
• Beosztás - szerepe a cégben, pl. Értékesítési Vezető, Marketing Szakember.
• Cégnév - a képviselt szervezet neve.
• Kiegészítő sor - rövid leírás arról, mit csinál vagy mit kínál.
• E-mail - kötelező mező. Adja meg üzleti e-mail címét.
• Telefon - elérhetőségi szám. Bármilyen formátumban, pl. +36 1 234 5678.
• Weboldal - weboldalának teljes URL-je, https://-vel kezdődően.
• Cím - a cég fizikai címe (utca, város, irányítószám).
• Hivatalos adatok - adószám, engedélyszám vagy más, az iparágban megkövetelt adatok.

A CTA gomb (call-to-action) egy kattintható elem, amely a címzettet egy választott oldalra irányítja. Lehet link találkozónaptárhoz, kapcsolatfelvételi űrlaphoz vagy ajánlathoz. A generátor két CTA gomb hozzáadását teszi lehetővé.

Főgomb

1. Nyissa meg a Gombok fület a szerkesztőben.
2. A Főgomb részben adja meg a szöveget, amelyet a címzett látni fog, pl. Kérjen ingyenes konzultációt.
3. A CTA link mezőbe illessze be a teljes URL-t. A címnek https://-vel kell kezdődnie.

Másodlagos gomb

Hozzáadhat második CTA gombot outline stílussal (átlátszó háttér szegéllyel). Töltse ki a mezőket a Másodlagos gomb részben ugyanolyan módon, mint a főgombnál.

Gomb lekérekítés

A Gombok fül alján találja a Gomb lekérekítés beállítást. Három változat érhető el: Nincs (éles sarkok), Enyhe (ennyhén lekérekített) vagy Teljes (ovális gomb).

Ha mindkét mezőt üresen hagyja, a gomb nem jelenik meg az aláírásban. Ha csak egy mezőt tölt ki, a gomb sem lesz látható - szöveg és link egyaránt szükséges.

A Közösségi Média fülben linkeket adhat profiljaihóz. A generátor tizenkét platformot támogat: LinkedIn, Instagram, Facebook, TikTok, YouTube, X (korábban Twitter), GitHub, Dribbble, Behance, WhatsApp, Telegram és Pinterest.

Hogyan kell

1. Nyissa meg a Közösségi Média fület a szerkesztőben.
2. Minden platform mellett URL mezőt talál. Illessze be a teljes linket a profiljához, pl. https://www.linkedin.com/in/azprofilja.
3. Csak a szükséges mezőket töltse ki. Az üres mezők nem jelennek meg az aláírásban.

Közösségi média ikonok

A Közösségi Média fül alján találja az Ikonok megjelenítése a szolgáltatásnevek mellett beállítást. Bekapcsolásakor a linkek színes SVG ikonokként jelennek meg nevek helyett.

• Ikon méret - lehetőségek: Kicsi (16 px), Közepes (20 px) vagy Nagy (24 px).
• Ikon szín - Platform színek (alapértelmezett színek minden platformhoz), Kiemelő szín (egységes kiemelő szín) vagy Szövegszín.

A Megjelenés fülben testreszabhatja a színeket, betűtípust és az aláírás más vizuális elemeit.

Színtémák

A fül tetején öt kész témát talál: Sötét, Kék, Lila, Zöld és Szürke. Egy témára kattintva automatikusan beállítja a kiemelő színt és a szövegszínt. Ez a leggyorsabb mód a következetes aláírás megjelenés elérésére.

Színek

• Kiemelő szín - az oldalsó/felső sávban, CTA gombban és linkekben használt. Bármely színt választhatja a palettából.
• Szövegszín - az aláírás összes szövegének színe (név, elérhetőségek, jogi nyilatkozat).
• Háttérszín - a teljes aláírás háttérszíne. Alapértelmezésben fehér, de megváltoztatható.

Betűtípus és méret

• Betűtípus - lehetőségek: Arial, Verdana, Tahoma, Trebuchet MS és Georgia. Mindegyik e-mail-biztonságos és helyesen jelenik meg a címzettnél.
• Szövegméret - három lehetőség: Kicsi (12 px), Szabványos (14 px) és Nagyobb (16 px).

További beállítások

• Aláírás szegély - szegélyt adhat az aláíráshoz bármely oldalkombináció kiválasztásával (bal, jobb, felső, alsó). Az összes oldal kiválasztása automatikusan teljes szegélyt állít be. A szegély a kiemelő színt használja.

A Szövegstílus fülben egyedileg testreszabhatja az aláírás minden szöveges elemének színét és betűméretét.

Elérhető elemek

Csak azok az elemek láthatóak, amelyek jelenleg szerepelnek az aláírásban (ki vannak töltve). Minden elemhez beállíthatja:

• Név - alapértelmezés szerint a kiemelő színben jelenik meg.
• Beosztás - szerepe a cégben.
• Cég - a szervezet neve.
• Kapcsolattartó adatok - e-mail, telefon, weboldal (címkék).
• Közösségi média - profil linkek.
• Jogi nyilatkozat - jogi szöveg az aláírás alján.

Hogyan változtassa meg a színt?

Minden elem mellett színválasztó lehetőségeket talál. Kattintson egy színes négyzetre a kiválasztásához. Egyedi színt is hozzáadhat a pluszjeles négyzetre kattintva - válasszon színt és kattintson a Mentés gombra. Az egyedi színek (maximum 8) megosztottak az összes elem között.

A visszaállítás ikonnal ellátott gomb visszaállítja az elem alapértelmezett színét.

Hogyan változtassa meg a méretet?

A második sorban méretszabályozót talál - és + gombokkal. Az érték az alap betűmérethez (a Megjelenés fülben beállított) viszonyított eltolást mutatja. Tartomány: -4-től +4 pixelig.

A Távolságok fülben pontosan szabályozhatja az aláírás egyes elemei közötti távolságokat.

Aláírás belső margója

A fül tetején található a belső margó beállítása - vagyis a távolság az aláírás tartalma és szélei között. Három érték közül választhat: 8 px (kicsi), 16 px (közepes) és 24 px (nagy).

Elemek közötti távolságok

A margó alatt az egyes aláírás elemek szabályozóit találja. Minden szabályozóhoz + és - gombok tartoznak a távolság növeléséhez vagy csökkentéséhez. Csak az aktuálisan az aláírásban szereplő elemek beállításai láthatóak.

• Név után - távolság a név sor alatt.
• Beosztás / cég után - távolság a beosztás és cégnév sor alatt.
• Kiegészítő sor után - távolság a leírás alatt (ha ki van töltve).
• Kapcsolattartó adatok után - távolság az e-mail, telefon és weboldal alatt.
• Közösségi média után - távolság a profil linkek alatt.
• CTA gomb után - távolság a gomb alatt (ha be van kapcsolva).
• Jogi nyilatkozat előtt - távolság a jogi szöveg felett.

Ha töröl adatot egy mezőből (pl. törli a telefont), a megfelelő távolság beállítás automatikusan eltűnik a fülről.

A Jogi nyilatkozat fülben jogi szöveget adhat hozzá, amely az aláírás alján kisebb betűmérettel jelenik meg.

Mikor érdemes jogi nyilatkozatot hozzáadni?

• Üzleti levelezés - információ az üzenet bizalmasságáról és kérés a törlésre téves kézbesítés esetén.
• Iparági követelmények - egyes iparágak (pl. jogi, orvosi, pénzügyi) meghatározott információkat követelnek meg minden üzenetben.
• Adatvédelem (GDPR) - információ a személyes adatok kezeléséről, ha a cég adatkezelő.

Alapértelmezés szerint a mező egy példa bizalmassági szöveget tartalmaz. Szerkesztheti, törölheti vagy saját nyilatkozattal helyettesítheti. Ha a mezőt üresen hagyja, a jogi nyilatkozat nem jelenik meg az aláírásban.

Elválasztó vonal

A szövegmező alatt található az Elválasztó vonal megjelenítése beállítás. Kapcsolja be egy vízszintes vonal hozzáadásához a kapcsolattartó adatok és a jogi nyilatkozat között.

A vonal bekapcsolása után további testreszabási lehetőségek jelennek meg:

• Vonal stílus - lehetőségek: folytonos (solid), szaggatott (dashed) vagy pontozott (dotted).
• Vonal vastagság - három lehetőség: 1 px, 2 px vagy 3 px.
• Vonal szín - alapértelmezés szerint szürke (#e5e7eb). Bármely színt választhatja a palettából, vagy visszaállíthatja az alapértelmezettet az Alapértelmezett gombbal.

A generátor automatikusan elmenti az összes beállítást a böngésző memóriájában (localStorage). Az oldal frissítése vagy az eszköz újbóli megnyitása után az adatok, elrendezés, színek és minden más beállítás visszaáll.

Hogyan működik az automatikus mentés?

Minden változás (szöveg, szín, elrendezés, távolságok) azonnal mentésre kerül a böngésző memóriájában. A mentés automatikusan történik a háttérben - gombok megnyomása nélkül.

Hogyan állítsa vissza a beállításokat?

Az aláírás előnézete alatt található a Megjelenés visszaállítása gomb. Kattintás után egy megerősítő ablak jelenik meg. A visszaállítás jóváhagyása az összes adatot és beállítást az alapértelmezett értékekre állítja vissza (Kovács János példaadatai). Ez a művelet nem vonható vissza.

Konfiguráció exportálása és importálása

Az aláírás előnézete alatt két további gombot talál: Beállítások exportálása és Beállítások importálása. Az exportálás az összes adatot, színt, elrendezést, távolságot és szövegstílust JSON fájlba menti. Az importálás lehetővé teszi egy korábban mentett konfiguráció betöltését fájlból.

Ez a funkció különösen hasznos, ha az aláírás konfigurációját számítógépek között szeretné áthelyezni, megosztani a beállításokat kollégáival, vagy biztonsági másolatot készíteni a beállításairól visszaállítás előtt.

Az előnézeti panel a szerkesztő jobb oldalán jelenik meg, és minden változásnál automatikusan frissül. Az előnézet rögzített (sticky), így görgetés közben is látható marad.

Előnézeti háttér váltása

Az előnézet felett három háttérváltó gombot talál: Világos (alapértelmezett szürke háttér), Sötét (sötét háttér, hasznos az olvashatóság ellenőrzéséhez sötét háttéren) és Sakktábla (sakktábla minta, lehetővé teszi az átlátszóság és az aláírás széleinek megtekintését).

Művelet gombok

Az előnézet alatt több gombot talál:

• Aláírás másolása (Gmail / Outlook) - az aláírást formázott HTML-ként a vágólapra másolja. Közvetlenül az aláírás beállításokba illesztheti.
• HTML kód másolása - a nyers HTML kódot a vágólapra másolja. Hasznos HTML szerkesztőbe vagy CMS rendszerbe való beillesztéshez.
• Letöltés HTML-ként - az aláírás kódját .html fájlként menti a lemezre. Hasznos archiváláshoz vagy fejlesztőnek való átadáshoz.
• HTML kód megtekintése - modális ablakot nyit az aláírás forráskódjával. Áttekintheti és közvetlenül az ablakból másolhatja a kódot.
• Beállítások exportálása - a teljes aláírás konfigurációt (adatok, színek, elrendezés, távolságok, stílusok) JSON fájlba menti.
• Beállítások importálása - konfigurációt tölt be JSON fájlból. Az összes beállítás automatikusan alkalmazásra kerül.
• Megjelenés visszaállítása - az összes adatot és beállítást az alapértelmezett értékekre állítja vissza (megerősítés után).