Stwórz swój podpis w kilka minut – nie musisz znać HTML-a
Stworzyliśmy stronę SignatureForEmail.com – specjalne narzędzie do tworzenia podpisów z gotowymi szablonami, łatwą instalacją w Gmailu, Apple Mail i Outlooku oraz funkcją zarządzania zespołem dla firm, które chcą, by każdy podpis był spójny z wizerunkiem marki.
🌐 twojafirma.pl
Na WordToHTML.net też jest kilka sposobów na stworzenie podpisu e-mailowego w formacie HTML:
- Stwórz swój podpis e-mailowy za pomocą generatora podpisów e-mailowych na WordToHTML.net.
- Zaprojektuj swój podpis e-mailowy od podstaw, wpisując cały tekst ręcznie w edytorze wizualnym.
- Stwórz podpis e-mailowy w formacie HTML, korzystając z naszych wbudowanych szablonów.
- Możesz wkleić kod HTML podpisu do naszego edytora HTML – nawet jeśli został on stworzony na innej stronie oferującej tworzenie podpisów – a następnie go zmodyfikować (zmienić tekst, dodać zdjęcie lub logo itp.).
- Skorzystaj z naszego narzędzia AI Writer, aby wygenerować przykładowy kod podpisu HTML.
Jak ręcznie zaprojektować podpis e-mailowy w HTML od podstaw
Zalecamy tworzenie podpisu w tabeli. Na przykład, jeśli chcesz stworzyć podpis ze swoim zdjęciem po lewej stronie i wszystkimi innymi danymi kontaktowymi po prawej, zacznij od utworzenia tabeli z dwiema kolumnami i jednym wierszem:
Następnie umieść kursor w lewej komórce tej tabeli i prześlij lub wklej swoje zdjęcie. Zalecamy przesłanie małego zdjęcia lub zmianę jego rozmiaru podczas przesyłania:
Jeśli Twoje zdjęcie jest duże, nasza strona automatycznie wyświetli okienko dialogowe, w którym możesz zmienić jego rozmiar. Zalecamy zmniejszenie zdjęcia do szerokości lub wysokości około 100–200 pikseli.
Poniżej widzisz plik ze zdjęciem o zmienionych wymiarach – to mały plik o rozmiarze 6,6 KiB (kilobajtów) i wymiarach 154×154 pikseli. W zależności od rozmiaru zdjęcia, które wgrywasz, musisz zmienić jego rozmiar za pomocą suwaka po lewej stronie, aż zobaczysz małe zdjęcie, które chcesz umieścić w swoim podpisie. Następnie kliknij niebieski przycisk „Wstaw zmieniony rozmiar obrazu”.
Następnie zobaczysz swoje zdjęcie w lewej komórce tabeli:
Jeśli w edytorze wizualnym widzisz duże zdjęcie, po prostu je kliknij i zmniejsz do niewielkich rozmiarów, tak jak na powyższym zrzucie ekranu (zalecamy szerokość/wysokość 100–200 pikseli).
Zalecamy ustawić szerokość tabeli na 500px ( -100px), umieszczając kursor w dowolnej komórce tabeli, a następnie klikając ikonę stylizacji tabeli:
Następnie wpisz szerokość tabeli, np. 500 pikseli, i kliknij „OK”:
Możesz wyśrodkować zdjęcie, klikając je, wybierając opcję „Wyświetl tak, aby rozdzielić tekst”, a następnie klikając ikonę wyśrodkowania. Możesz też zmniejszyć komórkę tabeli ze zdjęciem, przeciągając poziomą linię pośrodku w lewą stronę, tak jak pokazano na zrzucie ekranu poniżej.
Jeśli chcesz, żeby zdjęcie miało zaokrąglone rogi, możesz skorzystać z naszego edytora obrazów. Kliknij na zdjęcie, a potem na ikonę „Obraz”:
Następnie przejdź do sekcji „Dopasuj”, wybierz opcję „Przytnij do elipsy”, a potem kliknij przycisk „Zapisz”:
Następnie musisz wybrać format PNG – w przeciwnym razie do obrazu zostanie dodane czarne tło – i kliknij przycisk „Zapisz”:
W edytorze wizualnym powinno pojawić się zaokrąglone zdjęcie:
Następnie wpisz wszystkie swoje dane kontaktowe i dostosuj styl według własnego uznania w prawej komórce. Wskazówka: domyślnie po naciśnięciu klawisza Enter edytor wizualny tworzy nowy akapit tekstu z odstępami między wierszami, ale jeśli przytrzymasz klawisz Shift i naciśniesz Enter, wprowadzi to znak końca wiersza, który nie dodaje zbyt dużej przestrzeni między wierszami.
Możesz przetestować swój podpis, wysyłając go do swojego klienta poczty e-mail lub wyświetlając podgląd w zakładce przeglądarki itp.
Opcjonalnie możesz dodać ikony z linkami do swoich profili w mediach społecznościowych lub dowolnych stron:
Gdy podpis Ci odpowiada, możesz go zapisać online na WordToHTML albo skopiować do schowka i wkleić do swojego klienta poczty.
Na przykład w Gmailu przejdź do Ustawień i znajdź opcję Podpis w sekcji Ogólne, a następnie utwórz nowy podpis lub edytuj istniejący.
Następnie wklej kod HTML z WordToHTML.net do pola tekstowego podpisu, tak jak pokazano poniżej, wybierz tę sygnaturę „dla nowych wiadomości” i kliknij przycisk „Zapisz zmiany” na dole strony Ustawień.
Jeśli wszystko poszło dobrze podczas tworzenia nowej wiadomości w Gmailu, zobaczysz swój podpis tak, jak pokazano poniżej:
Jak stworzyć podpis e-mailowy w formacie HTML na podstawie wbudowanego szablonu
Wystarczy kliknąć ikonę, aby wybrać szablon HTML z paska narzędzi:
Następnie wybierz szablon podpisu:
Po wybraniu szablonu możesz edytować treść w edytorze wizualnym:
Zastąp obrazek zastępczy własnym w formacie JPG lub PNG. Nie zalecamy osadzania obrazów ani używania formatu SVG, bo niektóre programy pocztowe tego nie obsługują.
Jeśli chcesz dodać więcej ikon do swojego podpisu (np. linki do mediów społecznościowych), zalecamy skorzystanie z ikon ze strony Icons lub pobranie ikon w formacie PNG z serwisu Icon Finder i przesłanie ich na naszą stronę.
Po utworzeniu podpisu możesz go skopiować i wkleić do swojej aplikacji pocztowej:
Możesz skorzystać z naszego narzędzia AI Writer, żeby wygenerować szablon podpisu, ale musisz podać bardziej szczegółowe polecenie dla AI, żeby uzyskać oczekiwane wyniki.
Na przykład takie polecenie dla AI:
Stwórz podpis HTML dla dyrektora generalnego, używając tabeli z logo po lewej stronie i moimi danymi po prawej. Używaj CSS wyłącznie jako stylów wbudowanych.
Powinno to wygenerować podobny podpis HTML. Aby ustawić swoje logo, kliknij miejsce na obrazek, a następnie ikonę „Zamień”. Następnie wybierz już przesłane logo lub prześlij nowe i je wybierz.
Zalecamy wyłączenie trybu pełnoekranowego, żeby zobaczyć i skopiować tylko główny kod HTML:
Po zaktualizowaniu obrazu logo podpis będzie wyglądał tak jak poniżej. Zaktualizuj informacje w podpisie według potrzeb, a następnie skopiuj go do schowka i wklej w dowolnym kliencie poczty e-mail.
Najczęściej zadawane pytania dotyczące podpisów w wiadomościach e-mail w formacie HTML
Jaki format obrazu najlepiej sprawdzi się w podpisie e-mailowym?
JPG lub PNG to najbezpieczniejsze opcje dla zdjęć i logo w podpisach e-mailowych. Nie zaleca się używania formatu SVG, bo wiele programów pocztowych (w tym Outlook) nie wyświetla go poprawnie, co może całkowicie zepsuć układ podpisu. Format PNG sprawdza się najlepiej, gdy potrzebujesz przezroczystego tła, na przykład w przypadku logo bez białej ramki wokół.
Jaki powinien być rozmiar obrazka w podpisie e-mailowym?
W przypadku zdjęcia profilowego lub portretu idealna jest szerokość lub wysokość 100–200 pikseli. Większe obrazy spowalniają ładowanie wiadomości i mogą wyglądać na zbyt duże w skrzynce odbiorczej. Zadbaj też o to, by rozmiar pliku był niewielki – staraj się, by nie przekraczał 10–15 KB na obrazek, dzięki czemu podpis będzie się szybko ładował na wszystkich urządzeniach i w różnych klientach pocztowych.
Jaka powinna być szerokość tabeli w podpisie e-mailowym w formacie HTML?
500 pikseli (plus minus 100 pikseli) to bezpieczna standardowa szerokość. Takie wymiary wygodnie mieszczą się w większości okienek podglądu i paneli czytania klientów e-mailowych, nie wymuszając przewijania w poziomie, a jednocześnie pozostawiają wystarczająco dużo miejsca na zdjęcie lub logo obok danych kontaktowych.
Czy w podpisie e-mailowym w HTML-u warto używać wbudowanego CSS?
Tak. Klienci e-mailowi usuwają lub ignorują tagi style oraz zewnętrzne arkusze stylów, więc wszystkie style trzeba zapisać jako wbudowany CSS bezpośrednio w każdym elemencie HTML. To właśnie dlatego tworzenie podpisów za pomocą tabel (a nie nowoczesnych metod układania CSS, takich jak flexbox czy grid) nadal jest najbardziej niezawodnym podejściem, jeśli chodzi o kompatybilność z różnymi klientami e-mailowymi.
Jak dodać podpis HTML w Gmailu?
Skopiuj gotowy kod HTML podpisu do schowka, a następnie w Gmailu przejdź do Ustawienia → Zobacz wszystkie ustawienia → Ogólne → Podpis, utwórz lub edytuj podpis i wklej go w polu podpisu. Wybierz ją jako domyślną sygnaturę dla nowych e-maili (i odpowiedzi/przekazów, jeśli chcesz), a potem kliknij „Zapisz zmiany” na dole strony.
Czy mogę stworzyć podpis e-mailowy w HTML bez programowania?
Tak. Nie musisz ręcznie pisać kodu HTML — możesz skorzystać z wizualnego edytora typu „przeciągnij i upuść”, zacząć od wbudowanego szablonu podpisu lub użyć narzędzia AI Writer, które generuje kod HTML na podstawie opisu tekstowego (na przykład: „utwórz podpis prezesa z logo po lewej stronie i danymi kontaktowymi po prawej”). Wszystkie trzy metody dają gotowy kod HTML, który możesz skopiować i wkleić do swojego klienta poczty.
Dlaczego moje zdjęcie wygląda na zbyt duże w edytorze podpisu?
Większość przesłanych zdjęć pochodzi bezpośrednio z telefonu lub aparatu i ma znacznie wyższą rozdzielczość niż potrzeba do podpisu w e-mailu. Zanim je wstawisz, skorzystaj z wbudowanego narzędzia do zmiany rozmiaru obrazu i zmniejsz je do około 100–200 pikseli, zamiast przesyłać je w pełnym rozmiarze i potem wizualnie je zmniejszać – dzięki temu rozmiar pliku będzie niewielki, a podpis szybko się załaduje.
Jak zrobić okrągłe (zaokrąglone) zdjęcie w podpisie?
Podczas przesyłania zdjęcia skorzystaj z naszego edytora obrazów z narzędziem do kadrowania w kształcie elipsy lub koła.