Generator stopki e-mail
Podpis HTML zgodny z Outlookiem i Gmailem
-
1Wprowadź dane
Wpisz treść, wklej tekst lub załaduj plik z dysku. -
2Kliknij przycisk
Narzędzie natychmiast przetworzy Twoje dane w przeglądarce. -
3Pobierz wynik
Skopiuj gotowy tekst lub zapisz plik na urządzeniu.
return "Wynik gotowy w 0.1s";
}
1Szablon i wygląd
2Dane
Gmail nie pokazuje obrazów wgranych z dysku (zapisanych w kodzie jako data-URI). Umieść zdjęcie, logo i baner na swojej stronie albo w chmurze z publicznym linkiem i wklej adres https:// — adres ma pierwszeństwo przed plikiem.
3Dane rejestrowe firmy (KSH)
Nazwę z formą prawną bierzemy z pola „Firma”. Dane trafiają małym drukiem na koniec stopki, także w wersji do odpowiedzi; NIP i REGON sprawdzamy sumą kontrolną.
4QR z wizytówką (vCard) i przycisk CTA
QR koduje dane vCard 4.0 — po zeskanowaniu telefon zapisuje kontakt. Obraz QR jest osadzony jako data-URI (Gmail może go wymagać hostowania).
5Media społecznościowe
Ikony to obrazy PNG z serwera webp.pl (logo z zestawu Simple Icons, licencja CC0) — Gmail i Outlook nie wyświetlają ikon SVG ani osadzonych w kodzie. Puste pole = ikona niewidoczna.
6Profile sygnatur
Profile trzymają komplet ustawień (szablon, kolory, social, QR/CTA) w tej przeglądarce; JSON przenosi je między urządzeniami.
7Stopki dla zespołu (CSV)
Jeden wygląd dla całej firmy: szablon, kolor, logo, social firmowe i dane rejestrowe bierzemy z bieżącej stopki, a imię, nazwisko, stanowisko, dział, e-mail, telefony i adres zdjęcia — z listy. Pierwszy wiersz to nagłówki; separator średnik, przecinek albo tabulator (wklejka z Excela działa).
8Instalacja w kliencie poczty
Dzień dobry,
w załączeniu przesyłam materiały, o które Pan pytał. Sygnaturę poniżej widzą Państwo w każdej mojej wiadomości.
Z pozdrowieniami
Kontrola przed wklejeniem
Oceń to narzędzie:
Powiązane narzędzia
Inne narzędzia, które mogą Ci się przydaćGenerator stopki e-mail
Podpis w stopce buduje wizerunek i ułatwia kontakt. Ten generator tworzy kod HTML ze stylami inline, który działa w Outlooku, Gmailu i innych klientach poczty.
Dlaczego style inline?
Większość klientów poczty usuwa zewnętrzne arkusze CSS i znaczniki <style>. Dlatego kolor, rozmiar i odstępy trzeba wpisać bezpośrednio w atrybutach elementów.
Co warto zawrzeć
- imię i nazwisko oraz stanowisko,
- telefon w formie klikalnej (
tel:), - adres e-mail jako link
mailto:, - adres strony www i profil LinkedIn,
- opcjonalnie logo — ale z umiarem.
Przykład
<strong style="font-size:16px;color:#2563eb;">Anna Kowalska</strong><br>
<span style="font-size:13px;color:#4b5563;">Kierownik sprzedaży</span>Jak wkleić podpis
W Gmailu: Ustawienia → Ogólne → Podpis. W nowym Outlooku: Ustawienia → Konta → Podpisy, a w klasycznym: Plik → Opcje → Poczta → Podpisy. W obu programach kliknij w generatorze „Kopiuj stopkę” i wklej ją w edytorze podpisu (Ctrl+V) — edytory Gmaila i Outlooka przyjmują gotową, sformatowaną stopkę, a nie kod. Przycisk „Kopiuj HTML” przyda się tam, gdzie można wkleić źródło, np. w systemach mailingowych. Instrukcje dla Gmaila, Outlooka i Apple Mail znajdziesz też w zakładkach pod podglądem.
Generator ma kilkanaście układów (m.in. klasyczny, ze zdjęciem, z bannerem, dwukolumnowy, ciemny), kolor akcentu, trzy kroje pisma, ikony serwisów społecznościowych w trzech stylach, zdjęcie lub logo, banner i kod QR z wizytówką vCard. Ustawienia możesz zapisać jako profil i wrócić do nich później — wszystko zostaje w Twojej przeglądarce. Gmail nie wyświetla obrazów zapisanych w kodzie stopki, dlatego przy zdjęciu, logo i banerze jest pole na adres URL: wystarczy wkleić link https:// do pliku na stronie firmy albo w chmurze.
Dane rejestrowe spółki w stopce e-mail (KSH)
Spółka z o.o. i spółka akcyjna podają dane rejestrowe nie tylko na papierze. Art. 206 § 1 KSH (sp. z o.o.) i art. 374 § 1 KSH (S.A.) obejmują pisma i zamówienia handlowe składane w formie papierowej i elektronicznej, a więc także e-maile wysyłane w imieniu spółki. W sekcji „Dane rejestrowe firmy” wybierz formę prawną, a generator złoży z pól stopkę rejestrową i doda ją małym drukiem na końcu stopki.
- Sp. z o.o. — firma, siedziba i adres, sąd rejestrowy i numer KRS, NIP, wysokość kapitału zakładowego. Gdy umowę zawarto przez system S24 i kapitał nie jest jeszcze pokryty, zaznacz pole wyboru — stopka doda informację, że wymagane wkłady nie zostały wniesione.
- S.A. — te same elementy oraz wysokość kapitału wpłaconego. Gdy wpiszesz kwotę równą kapitałowi zakładowemu, stopka poda „wpłacony w całości”.
- Obie formy — oznaczenie grupy spółek, jeżeli spółka do niej należy.
NIP i REGON generator sprawdza sumą kontrolną, numer KRS uzupełnia zerami do 10 cyfr, a kapitał zapisuje w formacie „5 000,00 zł”. Suma kontrolna wyłapie literówkę, ale nie potwierdzi, że numer należy do Twojej spółki — dane porównaj z odpisem z KRS. Dla innych form (spółka jawna, komandytowa, działalność w CEIDG) pola są dowolne.
Stopki dla całego zespołu z listy CSV
Gdy stopki potrzebuje cały dział, ustaw wygląd raz — szablon, kolor, logo, profile firmowe w mediach społecznościowych i dane rejestrowe — a potem wklej listę osób. Pierwszy wiersz to nagłówki (np. imię;nazwisko;stanowisko;e-mail;telefon), separatorem może być średnik, przecinek albo tabulator, więc zadziała zwykła wklejka kolumn z Excela. Rozpoznawane kolumny to imię, nazwisko, stanowisko, dział, e-mail, telefon, komórka i adres zdjęcia.
Każdą osobę możesz obejrzeć w podglądzie i skopiować jej stopkę, a przycisk „Pobierz wszystkie (ZIP)” zapisze paczkę z folderem dla każdej osoby: pełna stopka, wersja do odpowiedzi, wersja tekstowa i pliki dla Outlooka. Lista nie jest wysyłana na serwer — paczka powstaje w przeglądarce.
Wersja do odpowiedzi, wersja tekstowa i Outlook klasyczny
- Do odpowiedzi — przełącznik nad podglądem daje dwulinijkową stopkę bez grafiki (imię i nazwisko, stanowisko, telefon, e-mail i dane rejestrowe). Gmail i Outlook pozwalają ustawić osobny podpis dla odpowiedzi i przekazywanych wiadomości, więc długa wymiana maili nie powtarza za każdym razem logo i banera.
- Kopiuj tekst — wersja bez formatowania do wiadomości w czystym tekście i programów, które nie przyjmują HTML.
- ⬇ Outlook — paczka z plikami .htm i .txt (pełna stopka i wersja do odpowiedzi) do folderu
%APPDATA%\Microsoft\Signatures, z którego czyta podpisy Outlook klasyczny w Windows. Nowy Outlook i Outlook w przeglądarce tego folderu nie używają — tam stopkę wklejasz przyciskiem „Kopiuj stopkę”.
Kontrola przed wklejeniem i podgląd w trybie ciemnym
Pod podglądem generator na bieżąco sprawdza stopkę: liczy znaki kodu (Gmail przyjmuje podpis do 10 000 znaków), ostrzega o obrazach wgranych z dysku i kodzie QR, których Gmail nie pokaże, o obrazach z adresu http://, błędnym adresie e-mail oraz o brakach w danych rejestrowych. Adresy stron wpisane bez https:// dostają go automatycznie, żeby link działał w każdym programie. Podgląd przełączysz na ciemne tło i na szerokość telefonu, żeby od razu zobaczyć, czy ciemne logo nie znika, a stopka mieści się na małym ekranie.
Jak działa generator stopki e-mail
Generator stopki e-mail nie publikuje niczego w sieci i nie wysyła wiadomości. Działa jak konwerter: dane wpisujesz w formularzu, a narzędzie zamienia je na fragment kodu HTML. Każdemu polu odpowiada jeden element w kodzie, a kolejność pól wyznacza kolejność bloków w gotowej stopce.
Najważniejsza część mechanizmu to sposób zapisu stylów. Wartości ustawione przy polach — kolor tekstu, wielkość pisma, pogrubienie, odstępy — są wpisywane bezpośrednio w atrybut style każdego elementu. Powstaje kod bez osobnego arkusza CSS i bez znacznika style. To celowe, bo program pocztowy przy wklejaniu podpisu zwykle zachowuje tylko to, co jest zapisane wewnątrz znacznika danego elementu.
Drugi element to zamiana danych kontaktowych na odnośniki. Numer telefonu staje się linkiem tel:, adres e-mail linkiem mailto:, a adres strony i profil linkiem otwieranym w przeglądarce. Odbiorca klika numer i dzwoni jednym dotknięciem, zamiast przepisywać cyfry z ekranu. Na końcu kopiujesz gotowy kod i wklejasz go w polu edycji podpisu w swoim programie pocztowym.
Przykład: stopka dla Marka Wiśniewskiego krok po kroku
- Wypełniamy trzy pola tekstowe: imię i nazwisko, stanowisko oraz nazwę firmy. W kodzie powstaną z tego trzy bloki tekstu — na tym etapie zero odnośników i zero obrazów.
- Dodajemy telefon i zapisujemy numer bez spacji oraz myślników, żeby odnośnik tel: działał poprawnie. To pierwszy klikalny element w stopce, więc licznik odnośników wynosi 1.
- Dodajemy adres e-mail oraz adres strony. Oba pola generują odnośniki, więc licznik rośnie z 1 do 3.
- Dodajemy profil LinkedIn. Stopka ma teraz 4 klikalne elementy: telefon, e-mail, stronę i profil.
- Ustawiamy wygląd: jeden kolor akcentu dla imienia i nazwiska, kolor neutralny dla pozostałych linii, mniejszy stopień pisma przy danych kontaktowych niż przy nazwisku. W kodzie pojawiają się dwa kolory i dwa stopnie pisma.
- Kopiujemy kod, wklejamy go w edytorze podpisu i wysyłamy próbną wiadomość na własny adres, żeby sprawdzić, czy wszystkie 4 odnośniki działają.
Wynik: stopka złożona z 7 bloków treści — nazwisko, stanowisko, firma, telefon, e-mail, strona, profil — z czego 4 są klikalne, 2 kolory, 0 obrazów.
Elementy stopki e-mail — tabela referencyjna
| Element | Rola w stopce | Uwagi przy wklejaniu |
|---|---|---|
| Imię i nazwisko | Identyfikacja nadawcy | Największy stopień pisma w bloku, wyróżniony kolorem akcentu |
| Stanowisko i firma | Kontekst, z kim rozmawia odbiorca | Mniejszy stopień pisma niż nazwisko, bez dodatkowych ozdób |
| Telefon | Szybki kontakt głosowy | Link tel: zapisany bez spacji, nawiasów i myślników |
| Adres e-mail | Kontakt pisemny | Link mailto: z widocznym adresem, nie tylko słowem napisz |
| Adres strony | Źródło i weryfikacja | Pełny adres z https://, żeby klient poczty rozpoznał go jako link |
| Profil LinkedIn | Potwierdzenie tożsamości zawodowej | Link skrócony, bez parametrów śledzących doklejonych przez serwis |
| Logo | Rozpoznawalność marki | Jeden plik o niewielkiej szerokości, umieszczony nad lub obok danych |
| Zastrzeżenie prawne | Wymogi firmowe lub prawne | Drobny tekst na końcu stopki, często wymagany w firmach |
Jak używać stopki e-mail w praktyce
- Testuj na dwóch skrzynkach — wyślij próbną wiadomość na adres w Outlooku i w Gmailu. Ten sam kod potrafi wyglądać inaczej w każdym z nich, a odnośniki najłatwiej sprawdzić, klikając je z poziomu odebranej wiadomości.
- Wybierz właściwy przycisk kopiowania — do Gmaila i Outlooka służy „Kopiuj stopkę” (gotowa, sformatowana stopka), a „Kopiuj HTML” do miejsc, które przyjmują kod źródłowy. Wklejenie samego kodu w edytor Gmaila pokaże znaczniki zamiast stopki.
- Zapisz kod w osobnym pliku — trzymanie gotowego fragmentu HTML poza programem pocztowym pozwala przenieść stopkę na inny komputer, odtworzyć ją po reinstalacji systemu albo wkleić do klienta na telefonie.
- Ustal jeden wzorzec dla zespołu — wspólna kolejność elementów, ten sam kolor akcentu i ten sam stopień pisma sprawiają, że wiadomości wysyłane przez różne osoby wyglądają spójnie. Stopki dla całego zespołu przygotujesz naraz z listy CSV.
- Sprawdź stopkę na wąskim ekranie — otwórz wiadomość na telefonie i zobacz, czy stopka nie wymusza przewijania w poziomie. Najczęstsza przyczyna to zbyt szeroki obraz albo długa linia tekstu bez łamania.
Czego narzędzie nie zrobi
- Nie sprawdzi renderowania w Twoim kliencie poczty — generator zwraca poprawny kod, ale ostateczny wygląd zależy od programu, w którym wiadomość zostanie otwarta. Układ widoczny w podglądzie może różnić się od tego w programie desktopowym.
- Nie obejdzie ograniczeń klienta pocztowego — niektóre programy wycinają część właściwości, blokują obrazy pobierane z zewnętrznych serwerów albo konwertują HTML na czysty tekst. Żaden generator tego nie zmieni.
- Nie sprawdzi danych w rejestrze — generator podpowie, których elementów wymaganych przez KSH brakuje, i sprawdzi sumy kontrolne NIP oraz REGON, ale nie zweryfikuje, czy numery i kapitał zgadzają się z wpisem w KRS. To, czy w stopce mogą znaleźć się dane osobowe pracowników i logo firmy, zależy od polityki Twojej organizacji.
- Nie naprawi zmian wprowadzonych po wklejeniu — ręczna edycja podpisu w programie pocztowym potrafi nadpisać style zapisane w kodzie. Jeśli coś poprawiasz na stałe, wróć do generatora i pobierz kod ponownie.
Najczęstsze pytania
Czy podpis z grafiką wpadnie do spamu?
Duże obrazy i wiele linków mogą zwiększać ryzyko. Preferuj tekst i jeden link graficzny.
Jak przenieść podpis między komputerami?
Zapisz ustawienia jako profil i wyeksportuj profile do pliku JSON — na drugim komputerze zaimportujesz je w generatorze i skopiujesz stopkę ponownie. Możesz też pobrać gotowy plik .html albo paczkę dla Outlooka.
Czy kolor ma znaczenie?
Jeden akcent kolorystyczny wygląda profesjonalnie. Trzymaj się palety firmy.
Dlaczego stopka rozjeżdża się w Outlooku?
Najczęściej dlatego, że kod odwołuje się do zewnętrznego arkusza CSS albo używa właściwości, których silnik Outlooka nie obsługuje. Style wpisane bezpośrednio w atrybutach elementów ograniczają ten problem, choć nie usuwają wszystkich różnic między klientami poczty.
Ile linków umieścić w stopce e-mail?
Tyle, ile realnie potrzebuje odbiorca — zwykle telefon, adres e-mail oraz jeden link do strony lub profilu. Im więcej odnośników, tym trudniej odbiorcy wybrać właściwy sposób kontaktu.
Dlaczego numer telefonu w stopce nie jest klikalny?
Najczęściej dlatego, że stopka została wklejona jako zwykły tekst — np. skrótem wklejania bez formatowania (Ctrl+Shift+V) — i odnośnik tel: przepadł. Skopiuj stopkę ponownie przyciskiem „Kopiuj stopkę” i wklej ją zwykłym Ctrl+V.
Czy spółka z o.o. musi podawać KRS i kapitał zakładowy w e-mailu?
Tak. Art. 206 § 1 KSH wymaga, by pisma i zamówienia handlowe spółki z o.o. składane w formie papierowej i elektronicznej zawierały firmę, siedzibę i adres, sąd rejestrowy i numer KRS, NIP oraz wysokość kapitału zakładowego (a także grupę spółek, jeśli spółka do niej należy). Dla spółki akcyjnej art. 374 § 1 KSH dodaje kapitał wpłacony. Najprościej umieścić te dane w stopce.
Dlaczego Gmail nie pokazuje logo w mojej stopce?
Logo wgrane z dysku jest zapisane w kodzie stopki jako data-URI, a Gmail takie obrazy usuwa. Umieść plik pod publicznym adresem https:// (na stronie firmy albo w chmurze z linkiem publicznym) i wklej ten adres w pole „adres URL logo”.
Czy stopka e-mail działa na telefonie?
Tak, o ile nie wymusza szerokości większej niż ekran. Największe ryzyko to zbyt szeroki obraz oraz długa linia tekstu bez łamania — warto wysłać próbną wiadomość i otworzyć ją na własnym telefonie.
Jak zmienić kolor lub wielkość czcionki w gotowej stopce?
Najprościej wrócić do generatora, zmienić ustawienia i skopiować kod jeszcze raz. Ręczna edycja atrybutów style w kodzie też jest możliwa, ale przy każdej poprawce trzeba powtórzyć ją we wszystkich elementach.