Generator podpisu e-mail

Dlaczego HTML oparty na tabeli?

Klienci poczty interpretują HTML w różny sposób. Outlook używa silnika renderującego Worda, który ignoruje większość nowoczesnego CSS (brak flexboxa, brak gridu, ograniczone box-shadow). Układy tabelowe ze stylami inline to jedyny wzorzec, który każdy duży klient renderuje przewidywalnie. Generator zapisuje dokładnie ten wąski styl, więc podpis wygląda tak samo w Gmailu, Outlooku desktop, Outlooku web, Apple Mail i iOS Mail.

Co generuje narzędzie

Wynik to prosta tabela: Twoje imię i nazwisko pogrubione w pierwszym wierszu, poniżej stanowisko lub firma, a w ostatnim wierszu dane kontaktowe oddzielone pionową kreską:

<table cellpadding="0" cellspacing="0" style="font-family: Arial, sans-serif; font-size: 14px; color: #111827;">
  <tr><td style="font-weight: 700; font-size: 16px;">Alex Rivera</td></tr>
  <tr><td>Lead Designer</td></tr>
  <tr><td style="padding-top: 8px;">alex@example.com | +34 600 000 000 | example.com</td></tr>
</table>

Puste pola są po prostu pomijane, więc podpis z samym imieniem i e-mailem pozostaje zwarty.

Co powinno znaleźć się w podpisie

Obowiązkowo:

• Pełne imię i nazwisko.
• Stanowisko lub rola.
• Nazwa firmy.
• Bezpośredni kontakt (e-mail lub telefon).

Przydatne dodatki:

• URL LinkedIn lub link do strony osobistej.
• Numer telefonu w rolach wymagających kontaktu z klientem.

Unikaj:

• Długich inspirujących cytatów.
• Animowanych GIF-ów (wiele klientów usuwa animację).
• Dużych obrazów (spowalniają ładowanie wiadomości i są oznaczane jako “ciężkie”).
• Zastrzeżeń o “poufności” dłuższych niż 2-3 linie, chyba że wymaga tego prawo.
• Muru ikon mediów społecznościowych dla każdej sieci, w której kiedykolwiek się zarejestrowałeś.

Dodanie zdjęcia lub logo później

Generator tworzy wyłącznie tekst. Aby dodać zdjęcie lub logo, wklej wygenerowany HTML do edytora podpisów swojego klienta poczty i skorzystaj z jego narzędzi obrazu albo edytuj HTML i dodaj tag img wskazujący na hostowany obraz. Obraz musi znajdować się pod publicznie dostępnym adresem URL:

• Firmowe CDN: najlepsze dla podpisów firmowych; Twoje IT może hostować pod domeną marki.
• Darmowe hosty obrazów (imgur, darmowy plan Cloudinary): szybko i za darmo; ryzyko upadku hosta.
• Osadzanie Base64: pozwala uniknąć hostingu, ale powiększa każdą wiadomość o 20-50 KB, a niektóre konfiguracje Outlooka je usuwają.

Trzymaj obrazy małe: poniżej 20 KB, kwadratowe, 120x120 lub mniejsze.

Dziwactwa specyficzne dla Outlooka

• Szerokość: utrzymuj poniżej 600px; szersze podpisy są przycinane w oknie podglądu.
• Czcionki: trzymaj się Arial, Helvetica, Georgia, Verdana albo użyj stosu takiego jak font-family: "Segoe UI", Arial, sans-serif;.
• Kolory: unikaj czystego #000; #333 lub #444 renderują się lepiej w trybie ciemnym Outlooka.
• Nie używaj zmiennych CSS, flex, grid ani SVG jako głównych elementów.

Zastrzeżenia prawne

Niektóre jurysdykcje (Companies Act 2006 w Wielkiej Brytanii, wymogi UE dla niektórych podmiotów) wymagają podania zarejestrowanej nazwy firmy, numeru i adresu w wiadomościach firmowych. Dodaj wymagane dane samodzielnie, w polach stanowiska i firmy lub edytując HTML po wygenerowaniu, i sprawdź z działem prawnym, czy Twój rynek ich wymaga.