Generator stopki mailowej
Utwórz profesjonalną stopkę mailową HTML ze zdjęciem lub logo, danymi kontaktowymi i linkami do profili, a potem wklej ją do Gmaila, Outlooka lub Apple Mail.
Podgląd
Obrazy z adresu URL mogą nie pojawić się w tym podglądzie (ta strona blokuje zewnętrzne obrazy), ale będą widoczne w twoich e-mailach.
Kontrola
Nie znaleziono problemów.
Jak utworzyć stopkę mailową
- Wypełnij sekcję Twoje dane: imię i nazwisko, stanowisko, firma, e-mail, telefon, komórka, strona internetowa i adres. Puste pole oznacza, że dana linia się nie pojawi.
- Wklej pełne adresy swoich Profile społecznościowe (LinkedIn, X, Instagram, Facebook, YouTube, GitHub). Pojawią się jako linki tekstowe w kolorze akcentu.
- Dodaj Logo lub zdjęcie. Najlepiej wybrać Adres URL obrazu na serwerze (zalecane), czyli adres https:// obrazu, który jest już na twojej stronie. Możesz też wybrać plik z urządzenia – zostanie osadzony w stopce (ograniczenia opisujemy niżej).
- Wybierz Szablon (Klasyczny (obraz obok), Pionowy lub Kompaktowy), Kolor akcentu, Czcionka i Szerokość obrazu. Zaznacz Okrągły obraz, jeśli chcesz zdjęcie w kółku.
- Sprawdź Podgląd, kliknij Kopiuj stopkę i wklej ją w swoim programie pocztowym. Kopiuj kod HTML i Pobierz dają surowy kod dla programów, które przyjmują HTML.
Wczytaj przykład wypełnia formularz przykładowymi danymi, żebyś mógł wypróbować szablony. Wszystko dzieje się w twojej przeglądarce: nic, co wpiszesz lub dodasz, nie jest nigdzie wysyłane.
Dlaczego stopka jest zbudowana z tabel i stylów inline
Programy pocztowe to nie przeglądarki. Outlook dla Windows wyświetla wiadomości silnikiem Worda, Gmail usuwa bloki <style> ze stopek, a wiele programów ignoruje nowoczesny CSS, taki jak flexbox czy grid. Dlatego to narzędzie tworzy HTML, który przetrwa wszędzie: tabelę układu z role="presentation", atrybuty style inline przy każdym elemencie, bezpieczne czcionki (Arial, Verdana, Tahoma, Trebuchet MS, Georgia) i zwykłe linki tekstowe zamiast ikon. Każda wpisana wartość jest escapowana, więc przypadkowy znak < czy & w nazwie stanowiska nie zepsuje kodu.
Numery telefonów stają się linkami tel: (można je stuknąć na telefonie), adres e-mail – linkiem mailto:, a adresy stron bez https:// są automatycznie uzupełniane. Linki, które nie są adresami internetowymi, zostają pominięte i wypisane w sekcji Kontrola.
Obrazy: adres URL czy osadzony plik?
Obraz z urządzenia jest zamieniany na data URI, czyli sam obrazek zostaje zapisany wewnątrz kodu HTML. Narzędzie zmniejsza go do 240 pikseli, ale wiele programów i tak blokuje lub usuwa data URI: Gmail nie przyjmuje ich w stopkach, Outlook często pokazuje puste pole, a odbiorca może zobaczyć załącznik. Obraz na serwerze (np. https://www.example.com/logo.png) jest lżejszy i wyświetla się w znacznie większej liczbie programów. Wgraj logo na swoją stronę i wklej jego adres. Obrazy z adresu URL mogą nie być widoczne w podglądzie na tej stronie, bo blokuje ona zewnętrzne obrazy dla ochrony prywatności, ale w e-mailach się pojawią.
Jak dodać stopkę do programu pocztowego
- Gmail: otwórz Ustawienia (ikona koła zębatego) → Zobacz wszystkie ustawienia → Ogólne → Podpis → Utwórz nowy. Wklej skrótem Ctrl+V (Cmd+V) i kliknij Zapisz zmiany na dole strony. Gmail ogranicza podpis do 10 000 znaków.
- Outlook (nowy Outlook i Outlook w przeglądarce): Ustawienia → Konto → Podpisy, utwórz podpis, wklej go i zapisz. W klasycznym Outlooku dla Windows: Plik → Opcje → Poczta → Podpisy.
- Apple Mail: Mail → Ustawienia → Podpisy, wybierz konto, kliknij +, wklej i odznacz opcję dopasowywania do domyślnej czcionki wiadomości, aby zachować czcionki i kolory.
Najczęściej zadawane pytania
Dlaczego w wysłanych e-mailach widzę uszkodzony obraz lub załącznik?
Obraz jest prawdopodobnie osadzony jako data URI, które wiele programów pocztowych blokuje. Użyj adresu URL obrazu na serwerze – to najpewniejszy sposób na wyświetlenie logo lub zdjęcia.
Dlaczego okrągłe zdjęcie w Outlooku jest kwadratowe?
Outlook dla Windows ignoruje styl border-radius. Jeśli kształt jest ważny, przytnij zdjęcie do koła i zapisz je jako PNG z przezroczystym tłem, zanim go użyjesz.
Czy mogę samodzielnie edytować HTML?
Tak. Użyj Kopiuj kod HTML lub Pobierz i edytuj kod w dowolnym edytorze tekstu. Zachowaj tabele i style inline: większość programów pocztowych ignoruje arkusze stylów i klasy.
Dlaczego serwisy społecznościowe są pokazane jako tekst, a nie ikony?
Ikony byłyby obrazami, a obrazy to najczęściej blokowana część stopki. Linki tekstowe wyświetlają się zawsze, są czytelne w trybie ciemnym i nie zwiększają wagi stopki.
Czy moje dane są gdzieś zapisywane lub wysyłane?
Nie. Stopka powstaje w twojej przeglądarce. Nic nie jest przesyłane, a po zamknięciu strony nic nie zostaje zapisane.
Podobne narzędzia
- Generator linków mailto Utwórz link mailto z odbiorcami, DW, UDW, tematem i treścią wiadomości, poprawnie zakodowany procentowo, oraz gotowy do wklejenia link HTML.
- Generator kodów QR Twórz darmowe kody QR do linków, tekstu, Wi-Fi, kontaktów, e-maili i SMS-ów. Dodaj kolory i logo, pobierz PNG lub SVG. Nic nie opuszcza urządzenia.
- Generator linków UTM Twórz linki z parametrami UTM dla Google Analytics – jeden lub setki naraz, z zachowaniem istniejących parametrów zapytania i eksportem do CSV.