Jak używać generatora stopki mailowej

Co to jest stopka mailowa i do czego służy?

Stopka mailowa (nazywana też podpisem e-mail lub sygnaturką) to blok informacji, który pojawia się na końcu każdej wysyłanej przez Ciebie wiadomości. Zawiera dane kontaktowe, stanowisko, nazwę firmy i często link do strony internetowej lub kalendarza spotkań.

Profesjonalna stopka ułatwia odbiorcom kontakt z Tobą. Zamiast szukać numeru telefonu w poprzednich e-mailach, odbiorca ma wszystkie dane pod ręką. Stopka pokazuje też, że dbasz o szczegóły i profesjonalny wizerunek swojej firmy.

Przejdź do generatora stopki mailowej i stwórz własny podpis w kilka minut.

Jak wypełnić dane w stopce?

W zakładce Dane znajdziesz wszystkie pola, które możesz uzupełnić. Tylko dwa z nich są wymagane: imię i nazwisko oraz adres e-mail. Pozostałe pola są opcjonalne i pojawią się w stopce tylko wtedy, gdy je wypełnisz.

Pola w zakładce Dane

• Linia nad imieniem - dodatkowy tekst wyświetlany nad imieniem i nazwiskiem. Możesz tu wpisać nazwę firmy, hasło lub slogan.
• Avatar / logo (URL obrazu) - adres URL do zdjęcia profilowego lub logo firmy. Obraz powinien być kwadratowy (min. 120x120 px) i publicznie dostępny w internecie.
• Imię i nazwisko - pole wymagane. Wpisz swoje pełne imię i nazwisko.
• Tag przy imieniu - krótki tekst obok imienia, np. zaimki lub skrócone stanowisko.
• Stanowisko - Twoja rola w firmie, np. Kierownik sprzedaży, Specjalista ds. marketingu.
• Nazwa firmy - nazwa organizacji, którą reprezentujesz.
• Dodatkowa linia - krótki opis tego, czym się zajmujesz lub co oferujesz.
• E-mail - pole wymagane. Wpisz swój służbowy adres e-mail.
• Telefon - numer kontaktowy. Format dowolny, np. +48 600 000 000.
• Strona internetowa - pełny adres URL swojej strony, zaczynający się od https://.
• Adres - fizyczny adres firmy (ulica, miasto, kod pocztowy).
• Dane formalne - NIP, REGON, numer licencji lub inne dane wymagane w Twojej branży.

Jak dodać przyciski CTA?

Przycisk CTA (z ang. call-to-action, czyli wezwanie do działania) to klikalny element, który kieruje odbiorcę do wybranej strony. Może to być link do kalendarza spotkań, formularza kontaktowego lub oferty. Generator umożliwia dodanie dwóch przycisków CTA.

Przycisk główny

1. Kliknij zakładkę Przyciski w edytorze.
2. W sekcji Przycisk główny wpisz tekst, który zobaczy odbiorca, np. Umów bezpłatną konsultację.
3. W polu Link CTA wklej pełny adres URL strony. Adres musi zaczynać się od https://.

Przycisk dodatkowy

Możesz dodać drugi przycisk CTA w stylu outline (przezroczyste tło z obramowaniem). Wypełnij pola w sekcji Przycisk dodatkowy analogicznie jak dla przycisku głównego.

Zaokrąglenie przycisków

Na dole zakładki Przyciski znajdziesz opcję Zaokrąglenie przycisków. Do wyboru masz trzy warianty: Brak (ostre rogi), Lekkie (delikatnie zaokrąglone) lub Pełne (owalny przycisk).

Jeśli zostawisz oba pola puste, przycisk nie pojawi się w stopce. Jeśli wypełnisz tylko jedno pole, przycisk również nie będzie widoczny - potrzebne są oba: tekst i link.

Jak dodać linki do mediów społecznościowych?

W zakładce Media społecznościowe możesz dodać linki do swoich profili. Generator obsługuje sześć platform: LinkedIn, Instagram, Facebook, TikTok, YouTube i X (dawniej Twitter).

Jak to zrobić w naszym narzędziu

1. Kliknij zakładkę Media społecznościowe w edytorze.
2. Przy każdej platformie znajdziesz pole na adres URL. Wklej pełny link do swojego profilu, np. https://www.linkedin.com/in/twojprofil.
3. Wypełnij tylko te pola, które Cię interesują. Puste pola nie pojawią się w stopce.

Ikony mediów społecznościowych

Na dole zakładki Media społecznościowe znajdziesz opcję Pokaż ikony obok nazw serwisów. Po jej włączeniu linki wyświetlą się jako kolorowe ikony SVG zamiast samych nazw.

• Rozmiar ikon - do wyboru: Małe (16 px), Średnie (20 px) lub Duże (24 px).
• Kolor ikon - Kolory platform (domyślne kolory każdej platformy), Kolor akcentu (jednolity kolor akcentu) lub Kolor tekstu.

Personalizacja wyglądu

W zakładce Wygląd możesz dostosować kolory, czcionkę i inne elementy wizualne stopki.

Motywy kolorystyczne

Na górze zakładki znajdziesz pięć gotowych motywów: Ciemny, Niebieski, Fioletowy, Zielony i Szary. Kliknięcie motywu automatycznie ustawia kolor akcentu i kolor tekstu. To najszybszy sposób na spójny wygląd stopki.

Kolory

• Kolor akcentu - używany w pasku bocznym/górnym, przycisku CTA i linkach. Możesz wybrać dowolny kolor z palety.
• Kolor tekstu - kolor wszystkich tekstów w stopce (imię, dane kontaktowe, klauzula).
• Kolor tła - kolor tła całej stopki. Domyślnie biały, ale możesz go zmienić.

Czcionka i rozmiar

• Czcionka - do wyboru: Arial, Verdana, Tahoma, Trebuchet MS i Georgia. Wszystkie są bezpieczne dla e-maili i wyświetlą się poprawnie u odbiorcy.
• Rozmiar tekstu - trzy opcje: Mały (12 px), Standard (14 px) i Większy (16 px).

Dodatkowe ustawienia

• Ramka stopki - możesz dodać ramkę do stopki wybierając dowolną kombinację stron (lewa, prawa, góra, dół). Zaznaczenie wszystkich stron automatycznie ustawia pełną ramkę. Ramka przyjmuje kolor akcentu.

Styl tekstu - kolory i rozmiary poszczególnych elementów

W zakładce Styl tekstu możesz indywidualnie dostosować kolor i rozmiar czcionki dla każdego elementu tekstowego w stopce.

Dostępne elementy

Widoczne są tylko te elementy, które aktualnie znajdują się w stopce (mają wypełnione dane). Dla każdego elementu możesz ustawić:

• Imię i nazwisko - domyślnie wyświetlane w kolorze akcentu.
• Stanowisko - rola w firmie.
• Firma - nazwa organizacji.
• Dane kontaktowe - e-mail, telefon, strona (etykiety).
• Media społecznościowe - linki do profili.
• Klauzula prawna - tekst prawny na dole stopki.

Jak zmienić kolor?

Przy każdym elemencie znajdziesz rząd opcji kolorów. Kliknij kwadrat z kolorem, aby go wybrać. Możesz też dodać własny kolor klikając kolorowy kwadrat z plusem - wybierz kolor i kliknij Zapisz. Własne kolory (do 8) są współdzielone między wszystkimi elementami.

Przycisk z ikoną resetu przywraca domyślny kolor elementu.

Jak zmienić rozmiar?

W drugiej linii znajdziesz kontrolkę rozmiaru z przyciskami - i +. Wartość pokazuje przesunięcie względem bazowego rozmiaru czcionki (ustawionego w zakładce Wygląd). Zakres: od -4 do +4 pikseli.

Odstępy między elementami

W zakładce Odstępy możesz precyzyjnie kontrolować odległości między poszczególnymi elementami stopki.

Margines wewnętrzny stopki

Na górze zakładki znajdziesz opcję marginesu wewnętrznego - czyli odstępu między zawartością stopki a jej krawędziami. Do wyboru masz trzy wartości: 8 px (mały), 16 px (średni) i 24 px (duży).

Odstępy między elementami

Poniżej marginesu znajdziesz kontrolki dla poszczególnych elementów stopki. Każda kontrolka ma przyciski + i - do zwiększania lub zmniejszania odstępu. Widoczne są tylko opcje dla elementów, które aktualnie znajdują się w stopce.

• Po imieniu i nazwisku - odstęp pod linią z imieniem.
• Po stanowisku / firmie - odstęp pod linią ze stanowiskiem i nazwą firmy.
• Po dodatkowej linii - odstęp pod opisem (jeśli jest wypełniony).
• Po danych kontaktowych - odstęp pod e-mailem, telefonem i stroną.
• Po mediach społecznościowych - odstęp pod linkami do profili.
• Po przycisku CTA - odstęp pod przyciskiem (jeśli jest włączony).
• Przed klauzulą - odstęp nad tekstem klauzuli prawnej.

Jeśli usuniesz dane z jakiegoś pola (np. wyczyścisz telefon), odpowiednia opcja odstępu automatycznie zniknie z zakładki.

Klauzula prawna / RODO - kiedy dodać?

W zakładce Klauzula / RODO możesz dodać tekst prawny, który pojawi się na dole stopki mniejszą czcionką.

Kiedy warto dodać klauzulę?

• Korespondencja biznesowa - informacja o poufności wiadomości i prośba o usunięcie w przypadku błędnego doręczenia.
• Wymogi branżowe - niektóre branże (np. prawnicza, medyczna, finansowa) wymagają określonych informacji w każdej wiadomości.
• RODO - informacja o przetwarzaniu danych osobowych, jeśli Twoja firma jest administratorem danych.

Domyślnie pole jest wypełnione przykładowym tekstem o poufności wiadomości. Możesz go edytować, usunąć lub zastąpić własną klauzulą. Jeśli zostawisz pole puste, klauzula nie pojawi się w stopce.

Linia oddzielająca

Pod polem tekstowym znajdziesz opcję Pokaż linię oddzielającą dane od klauzuli. Włącz ją, aby dodać poziomą linię między danymi kontaktowymi a klauzulą prawną. Linia wizualnie oddziela treść stopki od tekstu prawnego.

Automatyczny zapis i resetowanie ustawień

Generator automatycznie zapisuje wszystkie ustawienia w pamięci przeglądarki (localStorage). Po odświeżeniu strony lub ponownym otwarciu narzędzia Twoje dane, układ, kolory i wszystkie inne opcje zostaną przywrócone.

Jak działa automatyczny zapis?

Każda zmiana (tekst, kolor, układ, odstępy) jest natychmiast zapisywana w pamięci przeglądarki. Zapis dzieje się automatycznie w tle - bez klikania przycisków.

Jak zresetować ustawienia?

Pod podglądem stopki znajdziesz przycisk Resetuj wygląd. Po kliknięciu pojawi się okno z prośbą o potwierdzenie. Zatwierdzenie resetu przywróci wszystkie dane i ustawienia do wartości domyślnych (przykładowe dane Jana Kowalskiego). Tej operacji nie można cofnąć.

Wypróbuj narzędzie

Generator stopki mailowej pozwala stworzyć profesjonalny podpis e-mail w kilka minut. Wypełniasz dane, wybierasz układ i kolory, a następnie kopiujesz gotowy kod do Gmail, Outlook lub innego klienta pocztowego.