Ustawienia wyglądu edytora e-maili Stripo

Published: 22 października 2024 · Last updated: 21 lipca 2026 · By Marcus Biel

Karta Wygląd umożliwia kontrolowanie globalnego stylu wiadomości e-mail, takiego jak czcionki, kolory tła, style przycisków i formatowanie dostosowane do urządzeń mobilnych. Dzięki temu wiadomość zachowuje spójność i dopasowuje się do różnych urządzeń oraz klientów pocztowych.

Poniżej znajdziesz szczegółowe objaśnienie każdej sekcji na Karcie Wygląd.

---

1. Ustawienia ogólne

Dostosuj ogólny wygląd i wyrównanie wiadomości e-mail. Te ustawienia są stosowane globalnie we wszystkich sekcjach.

• Wyrównanie wiadomości: Wyrównaj zawartość wiadomości do lewej, środka lub prawej strony.
• Domyślny odstęp wewnętrzny: Ustaw jednakowe odstępy wokół nowych struktur lub dostosuj odstępy dla każdej strony (górnej, prawej, dolnej i lewej) indywidualnie.
• Ogólny kolor tła: Ustaw kolor tła wiadomości e-mail za pomocą kodu szesnastkowego lub próbnika kolorów.
• Czcionka: Wybierz standardowe czcionki, takie jak Arial i Helvetica, lub dekoracyjne czcionki, takie jak Roboto i Lato.
• Odstępy między wierszami: Dostosuj odstępy między wierszami, korzystając z czterech zdefiniowanych opcji.
• Odstęp pod akapitem: Włącz lub wyłącz odstępy między akapitami.
• Podkreślanie linków: Automatycznie podkreślaj wszystkie linki w wiadomości e-mail (włącz lub wyłącz).
• Responsywny projekt: Włącz tę opcję, aby wiadomość dopasowywała się do różnych rozmiarów ekranów, szczególnie urządzeń mobilnych.
• Kierunek tekstu RTL: Włącz tę opcję dla języków takich jak arabski lub hebrajski.
• Obraz tła: Dodaj obraz tła z opcją dodania do niego linku. Przeciągnij i upuść, aby przesłać obrazy.

---

2. Pasy

Pasy reprezentują duże sekcje strukturalne wiadomości e-mail (np. nagłówek, treść, stopkę i obszar informacyjny). Każdy pas można stylizować niezależnie.

Pas nagłówka

• Rozmiar tekstu: Dostosuj rozmiar tekstu nagłówka (8–72).
• Kolor tła: Ustaw jednolity kolor tła lub pozostaw tło przezroczyste.
• Kolor tła treści: Dostosuj kolor tła wewnątrz sekcji nagłówka.
• Kolor czcionki: Zdefiniuj kolor tekstu.
• Kolor linków: Ustaw kolor linków nawigacyjnych i innych linków w nagłówku.
• Obraz tła: Opcjonalnie dodaj obraz tła.

Pas treści

Główna część wiadomości e-mail przeznaczona na tekst, obrazy i elementy interaktywne.

• Rozmiar tekstu: Dostosuj rozmiar tekstu treści (8–72).
• Kolor tła treści: Zdefiniuj kolor tła głównego obszaru treści.
• Kolor czcionki: Ustaw domyślny kolor tekstu.
• Kolor linków: Dostosuj kolor linków.

Pas stopki

Zwykle używany do danych kontaktowych, informacji prawnych lub linków do mediów społecznościowych.

• Rozmiar tekstu: Ustaw rozmiar tekstu (8–72).
• Kolor tła: Wybierz jednolite tło lub pozostaw je przezroczyste.
• Kolor tła treści: Zdefiniuj wewnętrzny kolor tła stopki.
• Kolor czcionki: Ustaw kolor czcionki.
• Kolor linków: Dostosuj kolor linków w stopce.
• Obraz tła: Opcjonalnie dodaj obraz z klikalnym linkiem.

Pas obszaru informacyjnego

Używany do zastrzeżeń, informacji prawnych lub dodatkowych informacji.

• Rozmiar tekstu: Zdefiniuj rozmiar czcionki (8–72).
• Kolor czcionki: Ustaw kolor czcionki.
• Kolor linków: Dostosuj kolory linków w tym pasie.

---

3. Nagłówki

Zdefiniuj wygląd nagłówków (H1, H2, H3), aby zachować hierarchię i strukturę wiadomości e-mail.

• Czcionka: Wybierz czcionkę dla nagłówków.
• Odstępy między wierszami: Dostosuj odstępy między wierszami, aby zwiększyć czytelność.
• Rozmiar nagłówków: Dostosuj rozmiar nagłówków H1, H2 i H3 (8–72).
• Styl tekstu: Zastosuj style Pogrubienie lub Kursywa.
• Kolor czcionki: Ustaw unikalny kolor dla każdego typu nagłówka.

---

4. Przycisk

Zaprojektuj przyciski w wiadomości e-mail, aby zwiększyć zaangażowanie odbiorców.

• Obsługa programu Outlook: Włącz tę opcję, aby zapewnić prawidłowe wyświetlanie w Microsoft Outlook za pomocą kodu VML (może zwiększyć rozmiar wiadomości e-mail).
• Kolor przycisku: Ustaw domyślny kolor przycisków.
• Wyróżnianie przycisków po najechaniu: Włącz lub wyłącz efekt koloru po najechaniu.
  • Kolor po najechaniu: Wybierz kolor po najechaniu.
• Kolor czcionki: Zdefiniuj kolor tekstu przycisku.
• Styl tekstu:
  • Czcionka: Wybierz czcionkę dla tekstu przycisku.
  • Rozmiar czcionki: Dostosuj rozmiar tekstu (8–72).
  • Styl: Zastosuj style tekstu Pogrubienie lub Kursywa.
• Promień obramowania: Zaokrąglij rogi przycisków (0–100).
• Obramowania:
  • Typ: Wybierz obramowanie ciągłe, przerywane lub kropkowane.
  • Kolor: Zdefiniuj kolory obramowania.
• Odstęp wewnętrzny: Dostosuj wewnętrzne odstępy przycisków (górny, prawy, dolny i lewy).

---

5. Formatowanie mobilne

Zadbaj o dobry wygląd wiadomości e-mail na urządzeniach mobilnych dzięki ustawieniom dostosowanym do telefonów i tabletów.

• Rozmiary tekstu nagłówka, treści, stopki i obszaru informacyjnego: Dostosuj rozmiary tekstu dla każdej sekcji na urządzeniach mobilnych.
• Rozmiar czcionki elementów menu: Dostosuj rozmiar czcionki elementów menu nawigacyjnego.
• Rozmiary nagłówków: Ustaw rozmiary H1, H2 i H3 w widoku mobilnym.
• Wyrównanie nagłówków: Wyrównaj nagłówki do lewej, środka lub prawej strony.
• Rozmiar tekstu przycisku: Dostosuj rozmiar tekstu przycisku na urządzeniach mobilnych.
• Przyciski pełnej szerokości: Włącz przyciski zajmujące całą szerokość ekranu.
• Górny i dolny odstęp wewnętrzny: Dostosuj odstępy, aby poprawić wygląd na urządzeniach mobilnych.
• Margines treści: Dostosuj margines wokół treści na urządzeniach mobilnych (0–100).

---

Uwagi końcowe

• Testowanie: Zawsze testuj wiadomość e-mail na różnych urządzeniach i w różnych klientach pocztowych, aby zapewnić spójność.
• Dostępność: Korzystaj z dostępnych czcionek, prawidłowej struktury nagłówków i tekstów alternatywnych obrazów, aby zadbać o inkluzywność.
• Optymalizacja: Minimalizuj rozmiary plików, aby przyspieszyć ładowanie i poprawić wydajność — jest to szczególnie ważne dla użytkowników urządzeń mobilnych.