Setări de aspect în editorul de e-mail Stripo

Publicat: 22 octombrie 2024 · Ultima actualizare: 12 septembrie 2026 · De Marcus Biel

Fila Appearance (Aspect) îți permite să controlezi stilul general al e-mailului: fonturile, culorile de fundal, stilurile butoanelor și formatarea pentru dispozitive mobile. Astfel, e-mailul are un aspect unitar și se adaptează la diferite dispozitive și aplicații de e-mail.

Mai jos găsești explicații detaliate pentru fiecare secțiune din fila Appearance.

---

1. Setări generale (General Settings)

Personalizează aspectul general și alinierea e-mailului. Aceste setări se aplică tuturor secțiunilor.

• Message Alignment: Aliniază conținutul e-mailului la stânga (Left), la centru (Center) sau la dreapta (Right).
• Default Padding: Setează o spațiere interioară uniformă pentru structurile noi sau ajusteaz-o separat pentru fiecare latură: sus (Top), dreapta (Right), jos (Bottom), stânga (Left).
• General Background Color: Setează culoarea de fundal a e-mailului folosind un cod hexazecimal sau selectorul de culori.
• Font: Alege dintre fonturi standard, precum Arial și Helvetica, sau fonturi decorative, precum Roboto și Lato.
• Line Spacing: Ajustează spațiul dintre rânduri folosind cele patru opțiuni predefinite.
• Paragraph Bottom Space: Activează sau dezactivează spațierea dintre paragrafe.
• Underline Links: Activează sau dezactivează sublinierea automată a tuturor linkurilor din e-mail.
• Responsive Design: Activează această opțiune pentru ca e-mailul să se adapteze la diferite dimensiuni de ecran, în special pe dispozitive mobile.
• RTL Text Direction: Activează direcția textului de la dreapta la stânga pentru limbi precum araba sau ebraica.
• Background Image: Adaugă o imagine de fundal, căreia îi poți atașa un link. Încarcă imaginile prin tragere și plasare.

---

2. Benzi (Stripes)

Benzile sunt secțiuni structurale mari ale e-mailului, de exemplu antetul (Header), conținutul (Content), subsolul (Footer) și zona de informații (Info Area). Poți personaliza aspectul fiecărei benzi separat.

Banda de antet (Header)

• Text Size: Personalizează dimensiunea textului din antet (8–72).
• Background Color: Setează o culoare de fundal uniformă sau lasă fundalul transparent.
• Content Background Color: Ajustează culoarea de fundal din interiorul secțiunii de antet.
• Font Color: Setează culoarea textului.
• Link Color: Setează culoarea linkurilor de navigare sau a altor linkuri din antet.
• Background Image: Adaugă o imagine de fundal, dacă dorești.

Banda de conținut (Content)

Zona principală a e-mailului, destinată textului, imaginilor și elementelor interactive.

• Text Size: Ajustează dimensiunea textului din conținut (8–72).
• Content Background Color: Setează culoarea de fundal a zonei principale de conținut.
• Font Color: Setează culoarea implicită a textului.
• Link Color: Personalizează culoarea linkurilor.

Banda de subsol (Footer)

Este folosită de obicei pentru date de contact, informații juridice sau linkuri către rețele sociale.

• Text Size: Setează dimensiunea textului (8–72).
• Background Color: Alege o culoare de fundal uniformă sau lasă fundalul transparent.
• Content Background Color: Setează fundalul din interiorul subsolului.
• Font Color: Setează culoarea textului.
• Link Color: Personalizează culoarea linkurilor din subsol.
• Background Image: Dacă dorești, adaugă o imagine cu un link care se deschide la clic.

Banda zonei de informații (Info Area)

Este folosită pentru clauze de declinare a responsabilității, notificări juridice sau informații suplimentare.

• Text Size: Setează dimensiunea fontului (8–72).
• Font Color: Setează culoarea textului.
• Link Color: Ajustează culorile linkurilor din această bandă.

---

3. Titluri (Headings)

Definește stilul vizual al titlurilor (H1, H2, H3) pentru a crea o ierarhie și o structură în e-mail.

• Font: Alege un font pentru titluri.
• Line Spacing: Ajustează spațiul dintre rânduri pentru ca titlurile să fie ușor de citit.
• Heading Size: Personalizează dimensiunea titlurilor H1, H2 și H3 (8–72).
• Text Styling: Aplică stilul aldin (Bold) sau cursiv (Italic).
• Font Color: Setează o culoare distinctă pentru fiecare tip de titlu.

---

4. Buton (Button)

Personalizează aspectul butoanelor din e-mail pentru a încuraja interacțiunea.

• Support for Outlook: Activează opțiunea pentru afișarea corectă în Microsoft Outlook cu ajutorul codului VML. Acesta poate crește dimensiunea e-mailului.
• Button Color: Setează culoarea implicită a butoanelor.
• Highlight Hovered Buttons: Activează sau dezactivează schimbarea culorii butoanelor la trecerea cursorului.
  • Hover Color: Alege culoarea afișată la trecerea cursorului.
• Font Color: Setează culoarea textului de pe buton.
• Text Style: Personalizează stilul textului:
  • Font: Alege un font pentru textul de pe buton.
  • Font Size: Ajustează dimensiunea textului (8–72).
  • Styling: Aplică stilul aldin (Bold) sau cursiv (Italic).
• Border Radius: Rotunjește colțurile butoanelor (0–100).
• Borders: Personalizează chenarele:
  • Type: Alege chenare continue (solid), întrerupte (dashed) sau punctate (dotted).
  • Color: Setează culorile chenarelor.
• Padding: Ajustează spațierea interioară a butoanelor: sus (Top), dreapta (Right), jos (Bottom), stânga (Left).

---

5. Formatare pentru dispozitive mobile (Mobile Formatting)

Folosește setările dedicate dispozitivelor mobile pentru ca e-mailul să arate bine și pe acestea.

• Dimensiunea textului din Header, Content, Footer și Info Area: Personalizează dimensiunea textului pentru fiecare secțiune pe dispozitive mobile.
• Menu Items Font Size: Ajustează dimensiunea fontului pentru elementele meniului de navigare.
• Heading Sizes: Setează dimensiunile titlurilor H1, H2 și H3 pentru afișarea pe mobil.
• Heading Alignment: Aliniază titlurile la stânga (Left), la centru (Center) sau la dreapta (Right).
• Button Text Size: Personalizează dimensiunea textului de pe butoane pentru dispozitive mobile.
• Full-width Buttons: Activează opțiunea pentru ca butoanele să ocupe întreaga lățime a ecranului.
• Top and Bottom Padding: Ajustează spațierea interioară de sus și de jos pentru un aspect mai bun pe mobil.
• Content Margin: Ajustează marginea din jurul conținutului pentru dispozitive mobile (0–100).

---

Recomandări finale

• Testare: Testează întotdeauna e-mailul pe diferite dispozitive și în diferite aplicații de e-mail pentru a verifica dacă aspectul rămâne unitar.
• Accesibilitate: Folosește fonturi accesibile, o structură corectă a titlurilor și texte alternative pentru imagini, astfel încât conținutul să fie accesibil tuturor.
• Optimizare: Redu la minimum dimensiunile fișierelor pentru o încărcare mai rapidă și o performanță mai bună. Acest lucru este deosebit de important pentru utilizatorii de dispozitive mobile.