Ustawienia wyglądu w edytorze e-maili Stripo

Opublikowano: 22 października 2024 · Ostatnia aktualizacja: 12 września 2026 · Autor: Marcus Biel

Karta Appearance pozwala ustawić wygląd całej wiadomości e-mail: czcionki, kolory tła, style przycisków i formatowanie na urządzeniach mobilnych. Dzięki temu wiadomość zachowuje spójny wygląd i dopasowuje się do różnych urządzeń oraz programów pocztowych.

Poniżej znajdziesz szczegółowe omówienie każdej sekcji karty Appearance.

---

1. Ustawienia ogólne (General Settings)

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

• Message Alignment: Wyrównaj treść wiadomości do lewej (Left), do środka (Center) lub do prawej (Right).
• Default Padding: Ustaw jednakowe odstępy wewnętrzne w nowych strukturach lub dostosuj je osobno dla każdej strony: górnej, prawej, dolnej i lewej.
• General Background Color: Ustaw kolor tła wiadomości e-mail za pomocą kodu szesnastkowego lub narzędzia wyboru koloru.
• Font: Wybierz standardową czcionkę, taką jak Arial czy Helvetica, lub ozdobną, taką jak Roboto czy Lato.
• Line Spacing: Dostosuj odstępy między wierszami, wybierając jedną z czterech gotowych opcji.
• Paragraph Bottom Space: Włącz lub wyłącz odstępy między akapitami.
• Underline Links: Włącz lub wyłącz automatyczne podkreślanie wszystkich linków w wiadomości e-mail.
• Responsive Design: Włącz tę opcję, aby wiadomość dopasowywała się do różnych rozmiarów ekranów, zwłaszcza na urządzeniach mobilnych.
• RTL Text Direction: Włącz kierunek tekstu od prawej do lewej dla języków takich jak arabski czy hebrajski.
• Background Image: Dodaj obraz tła, do którego możesz też przypisać link. Aby przesłać obraz, przeciągnij go i upuść.

---

2. Pasy (Stripes)

Pasy to główne sekcje układu wiadomości e-mail, takie jak nagłówek, treść, stopka czy obszar informacyjny. Wygląd każdego pasa możesz ustawić niezależnie.

Pas nagłówka (Header)

• Text Size: Dostosuj rozmiar tekstu w nagłówku (8–72).
• Background Color: Ustaw jednolity kolor tła lub pozostaw tło przezroczyste.
• Content Background Color: Dostosuj kolor tła obszaru treści w sekcji nagłówka.
• Font Color: Ustaw kolor tekstu.
• Link Color: Ustaw kolor linków nawigacyjnych i innych linków w nagłówku.
• Background Image: Opcjonalnie dodaj obraz tła.

Pas treści (Content)

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

• Text Size: Dostosuj rozmiar tekstu w treści (8–72).
• Content Background Color: Ustaw kolor tła głównego obszaru treści.
• Font Color: Ustaw domyślny kolor tekstu.
• Link Color: Dostosuj kolor linków.

Pas stopki (Footer)

Zwykle zawiera dane kontaktowe, informacje prawne lub linki do mediów społecznościowych.

• Text Size: Ustaw rozmiar tekstu (8–72).
• Background Color: Wybierz jednolity kolor tła lub pozostaw tło przezroczyste.
• Content Background Color: Ustaw kolor tła wewnętrznego obszaru stopki.
• Font Color: Ustaw kolor czcionki.
• Link Color: Dostosuj kolor linków w stopce.
• Background Image: Opcjonalnie dodaj obraz z aktywnym linkiem.

Pas informacyjny (Info Area)

Służy do umieszczania zastrzeżeń, informacji prawnych lub dodatkowych informacji.

• Text Size: Ustaw rozmiar czcionki (8–72).
• Font Color: Ustaw kolor czcionki.
• Link Color: Dostosuj kolory linków w tym pasie.

---

3. Nagłówki (Headings)

Ustaw wygląd nagłówków H1, H2 i H3, aby nadać wiadomości e-mail czytelną strukturę i hierarchię treści.

• Font: Wybierz czcionkę nagłówków.
• Line Spacing: Dostosuj odstępy między wierszami, aby zwiększyć czytelność.
• Heading Size: Dostosuj rozmiar nagłówków H1, H2 i H3 (8–72).
• Text Styling: Zastosuj pogrubienie (Bold) lub kursywę (Italic).
• Font Color: Ustaw osobny kolor dla każdego poziomu nagłówka.

---

4. Przyciski (Button)

Zaprojektuj przyciski w wiadomości e-mail tak, aby zachęcały odbiorców do działania.

• Support for Outlook: Włącz tę opcję, aby przyciski wyświetlały się prawidłowo w programie Microsoft Outlook dzięki kodowi VML. Może to zwiększyć rozmiar wiadomości e-mail.
• Button Color: Ustaw domyślny kolor przycisków.
• Highlight Hovered Buttons: Włącz lub wyłącz zmianę koloru przycisku po najechaniu kursorem.
  • Hover Color: Wybierz kolor przycisku po najechaniu kursorem.
• Font Color: Ustaw kolor tekstu na przycisku.
• Text Style:
  • Font: Wybierz czcionkę tekstu na przycisku.
  • Font Size: Dostosuj rozmiar tekstu (8–72).
  • Styling: Zastosuj pogrubienie (Bold) lub kursywę (Italic).
• Border Radius: Ustaw promień zaokrąglenia rogów przycisku (0–100).
• Borders:
  • Type: Wybierz obramowanie ciągłe (solid), przerywane (dashed) lub kropkowane (dotted).
  • Color: Ustaw kolory obramowania.
• Padding: Dostosuj odstępy wewnętrzne przycisku: górny, prawy, dolny i lewy.

---

5. Formatowanie na urządzeniach mobilnych (Mobile Formatting)

Zadbaj o dobry wygląd wiadomości e-mail na urządzeniach mobilnych dzięki osobnym ustawieniom dla tego widoku.

• Header, Content, Footer, Info Area Text Sizes: Dostosuj rozmiary tekstu w nagłówku, treści, stopce i obszarze informacyjnym na urządzeniach mobilnych.
• Menu Items Font Size: Dostosuj rozmiar czcionki elementów menu nawigacyjnego.
• Heading Sizes: Ustaw rozmiary nagłówków H1, H2 i H3 w widoku mobilnym.
• Heading Alignment: Wyrównaj nagłówki do lewej (Left), do środka (Center) lub do prawej (Right).
• Button Text Size: Dostosuj rozmiar tekstu na przyciskach w widoku mobilnym.
• Full-width Buttons: Włącz przyciski zajmujące całą szerokość ekranu.
• Top and Bottom Padding: Dostosuj górny i dolny odstęp wewnętrzny, aby poprawić wygląd na urządzeniach mobilnych.
• Content Margin: Dostosuj margines wokół treści w widoku mobilnym (0–100).

---

Uwagi końcowe

• Testowanie: Zawsze sprawdzaj wiadomość e-mail na różnych urządzeniach i w różnych programach pocztowych, aby zadbać o spójny wygląd.
• Dostępność: Wybieraj czytelne czcionki, stosuj prawidłową strukturę nagłówków i dodawaj teksty alternatywne do obrazów, aby treść była dostępna dla wszystkich odbiorców.
• Optymalizacja: Zmniejszaj rozmiary plików, aby przyspieszyć ładowanie i poprawić wydajność — to szczególnie ważne dla osób korzystających z urządzeń mobilnych.