Setările aspectului editorului de e-mail Stripo

Published: 22 octombrie 2024 · Last updated: 21 iulie 2026 · By Marcus Biel

Fila Aspect vă permite să controlați stilul global al e-mailului, cum ar fi fonturile, culorile de fundal, stilurile butoanelor și formatarea specifică pentru dispozitivele mobile. Astfel, asigurați consecvența și adaptabilitatea pe diferite dispozitive și în diferiți clienți de e-mail.

Mai jos găsiți o explicație detaliată a fiecărei secțiuni din fila Aspect.

---

1. Setări generale

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

• Alinierea mesajului: Aliniați conținutul e-mailului la stânga, în centru sau la dreapta.
• Spațiere internă implicită: Setați o spațiere uniformă în jurul structurilor noi sau ajustați separat spațierea pentru fiecare latură (sus, dreapta, jos, stânga).
• Culoarea generală de fundal: Setați culoarea de fundal a e-mailului folosind un cod hexazecimal sau selectorul de culori.
• Font: Alegeți dintre fonturi standard precum Arial, Helvetica sau fonturi decorative precum Roboto și Lato.
• Spațierea dintre rânduri: Ajustați spațiul dintre rânduri folosind patru opțiuni predefinite.
• Spațiul de sub paragrafe: Activați sau dezactivați spațierea dintre paragrafe.
• Sublinierea linkurilor: Subliniați automat toate linkurile din e-mail (activați/dezactivați).
• Design responsive: Activați această opțiune pentru ca e-mailul să se adapteze la diferite dimensiuni de ecran, în special pe dispozitive mobile.
• Direcția textului RTL: Activați pentru limbi precum araba sau ebraica.
• Imagine de fundal: Adăugați o imagine de fundal, cu opțiunea de a-i atașa un link. Trageți și plasați pentru a încărca imagini.

---

2. Benzi

Benzile reprezintă secțiuni structurale mari ale e-mailului (de exemplu, antet, conținut, subsol, zonă de informații). Fiecare bandă poate fi stilizată independent.

Banda de antet

• Dimensiunea textului: Personalizați dimensiunea textului din antet (8–72).
• Culoarea de fundal: Setați o culoare de fundal uniformă sau lăsați-o transparentă.
• Culoarea de fundal a conținutului: Ajustați culoarea de fundal din secțiunea de antet.
• Culoarea fontului: Definiți culoarea textului.
• Culoarea linkurilor: Setați culoarea pentru linkurile de navigare sau alte linkuri din antet.
• Imagine de fundal: Adăugați opțional o imagine de fundal.

Banda de conținut

Corpul principal al e-mailului, destinat textului, imaginilor și elementelor interactive.

• Dimensiunea textului: Ajustați dimensiunea textului din conținut (8–72).
• Culoarea de fundal a conținutului: Definiți culoarea de fundal a zonei principale de conținut.
• Culoarea fontului: Setați culoarea implicită a textului.
• Culoarea linkurilor: Personalizați culoarea linkurilor.

Banda de subsol

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

• Dimensiunea textului: Setați dimensiunea textului (8–72).
• Culoarea de fundal: Alegeți un fundal uniform sau lăsați-l transparent.
• Culoarea de fundal a conținutului: Definiți fundalul interior al subsolului.
• Culoarea fontului: Setați culoarea fontului.
• Culoarea linkurilor: Personalizați culoarea linkurilor din subsol.
• Imagine de fundal: Adăugați opțional o imagine cu un link accesibil la clic.

Banda zonei de informații

Utilizată pentru declinări de responsabilitate, notificări juridice sau informații suplimentare.

• Dimensiunea textului: Definiți dimensiunea fontului (8–72).
• Culoarea fontului: Setați culoarea fontului.
• Culoarea linkurilor: Ajustați culoarea linkurilor din această bandă.

---

3. Titluri

Definiți stilul vizual al titlurilor (H1, H2, H3) pentru ierarhie și structură în e-mail.

• Font: Alegeți un font pentru titluri.
• Spațierea dintre rânduri: Ajustați spațiul dintre rânduri pentru o mai bună lizibilitate.
• Dimensiunea titlurilor: Personalizați dimensiunea titlurilor H1, H2 și H3 (8–72).
• Stilizarea textului: Aplicați stiluri aldin sau cursiv.
• Culoarea fontului: Setați o culoare unică pentru fiecare tip de titlu.

---

4. Buton

Proiectați butoanele din e-mail pentru un nivel mai bun de interacțiune.

• Compatibilitate cu Outlook: Activați pentru a asigura afișarea corectă în Microsoft Outlook folosind cod VML (poate crește dimensiunea e-mailului).
• Culoarea butonului: Setați culoarea implicită a butoanelor.
• Evidențierea butoanelor la trecerea cursorului: Activați sau dezactivați efectul de schimbare a culorii la trecerea cursorului.
  • Culoarea la trecerea cursorului: Alegeți culoarea pentru acest efect.
• Culoarea fontului: Definiți culoarea textului butonului.
• Stilul textului:
  • Font: Selectați un font pentru textul butonului.
  • Dimensiunea fontului: Ajustați dimensiunea textului (8–72).
  • Stilizare: Aplicați stiluri de text aldin sau cursiv.
• Raza chenarului: Rotunjiți colțurile butoanelor (0–100).
• Chenare:
  • Tip: Alegeți chenare continue, întrerupte sau punctate.
  • Culoare: Definiți culorile chenarului.
• Spațiere internă: Ajustați spațierea internă a butoanelor (sus, dreapta, jos, stânga).

---

5. Formatarea pentru dispozitive mobile

Asigurați un aspect excelent al e-mailului pe dispozitive mobile folosind setări specifice acestora.

• Dimensiunile textului din antet, conținut, subsol și zona de informații: Personalizați dimensiunile textului pentru fiecare secțiune pe dispozitive mobile.
• Dimensiunea fontului elementelor de meniu: Ajustați dimensiunea fontului pentru elementele meniului de navigare.
• Dimensiunile titlurilor: Setați dimensiunile H1, H2 și H3 în vizualizarea mobilă.
• Alinierea titlurilor: Aliniați titlurile la stânga, în centru sau la dreapta.
• Dimensiunea textului butonului: Personalizați dimensiunea textului butonului pe dispozitive mobile.
• Butoane pe toată lățimea: Activați butoanele pentru a ocupa întreaga lățime a ecranului.
• Spațierea internă de sus și de jos: Ajustați spațierea internă pentru un aspect mobil mai bun.
• Marginea conținutului: Ajustați marginea din jurul conținutului pe dispozitive mobile (0–100).

---

Note finale

• Testare: Testați întotdeauna e-mailul pe diferite dispozitive și în diferiți clienți de e-mail pentru a asigura consecvența.
• Accesibilitate: Folosiți fonturi accesibile, o structură corectă a titlurilor și texte alternative pentru imagini pentru a asigura incluziunea.
• Optimizare: Reduceți la minimum dimensiunile fișierelor pentru o încărcare mai rapidă și performanță mai bună, aspect deosebit de important pentru utilizatorii de dispozitive mobile.