Postavke izgleda Stripo uređivača e-pošte

Published: 22. listopada 2024. · Last updated: 21. srpnja 2026. · By Marcus Biel

Kartica Appearance omogućuje vam upravljanje globalnim stilom e-pošte, poput fontova, boja pozadine, stilova gumba i oblikovanja posebno prilagođenog mobilnim uređajima. Time se osiguravaju dosljednost i prilagodljivost na različitim uređajima i u različitim klijentima e-pošte.

U nastavku je detaljno objašnjen svaki odjeljak unutar kartice Appearance.

---

1. Opće postavke

Prilagodite cjelokupan izgled i poravnanje svoje e-poruke. Ove se postavke globalno primjenjuju na sve odjeljke.

• Poravnanje poruke: Poravnajte sadržaj e-poruke lijevo, po sredini ili desno.
• Zadano unutarnje odstupanje: Postavite jednak razmak oko novih struktura ili zasebno prilagodite unutarnje odstupanje za svaku stranu (gore, desno, dolje, lijevo).
• Opća boja pozadine: Postavite boju pozadine e-poruke pomoću heksadekadskog koda ili birača boja.
• Font: Odaberite standardne fontove poput Arial i Helvetica ili dekorativne fontove poput Roboto i Lato.
• Prored: Prilagodite razmak između redaka pomoću četiri unaprijed definirane mogućnosti.
• Razmak ispod odlomka: Omogućite ili onemogućite razmak između odlomaka.
• Podcrtavanje poveznica: Automatski podcrtajte sve poveznice u e-poruci (uključivanje/isključivanje).
• Responzivni dizajn: Omogućite ovu mogućnost kako biste osigurali prilagodbu e-poruke različitim veličinama zaslona, osobito mobilnim uređajima.
• RTL smjer teksta: Aktivirajte za jezike poput arapskog ili hebrejskog.
• Slika pozadine: Dodajte sliku pozadine uz mogućnost dodavanja poveznice. Povucite i ispustite slike za prijenos.

---

2. Trake

Trake predstavljaju velike strukturne odjeljke vaše e-poruke (npr. zaglavlje, sadržaj, podnožje i područje s informacijama). Svaka se traka može zasebno oblikovati.

Traka zaglavlja

• Veličina teksta: Prilagodite veličinu teksta zaglavlja (8–72).
• Boja pozadine: Postavite jednobojnu pozadinu ili je ostavite prozirnom.
• Boja pozadine sadržaja: Prilagodite boju pozadine unutar odjeljka zaglavlja.
• Boja fonta: Definirajte boju teksta.
• Boja poveznica: Postavite boju navigacijskih ili drugih poveznica u zaglavlju.
• Slika pozadine: Dodajte neobaveznu sliku pozadine.

Traka sadržaja

Glavni dio vaše e-poruke za tekst, slike i interaktivne elemente.

• Veličina teksta: Prilagodite veličinu teksta sadržaja (8–72).
• Boja pozadine sadržaja: Definirajte boju pozadine glavnog područja sadržaja.
• Boja fonta: Postavite zadanu boju teksta.
• Boja poveznica: Prilagodite boju poveznica.

Traka podnožja

Obično se upotrebljava za podatke za kontakt, pravne informacije ili poveznice na društvene mreže.

• Veličina teksta: Postavite veličinu teksta (8–72).
• Boja pozadine: Odaberite jednobojnu pozadinu ili je ostavite prozirnom.
• Boja pozadine sadržaja: Definirajte unutarnju pozadinu podnožja.
• Boja fonta: Postavite boju fonta.
• Boja poveznica: Prilagodite boju poveznica u podnožju.
• Slika pozadine: Po želji dodajte sliku s poveznicom na koju se može kliknuti.

Traka područja s informacijama

Upotrebljava se za odricanja od odgovornosti, pravne obavijesti ili dodatne informacije.

• Veličina teksta: Definirajte veličinu fonta (8–72).
• Boja fonta: Postavite boju fonta.
• Boja poveznica: Prilagodite boje poveznica u ovoj traci.

---

3. Naslovi

Definirajte vizualni stil naslova (H1, H2, H3) kako biste u e-poruci osigurali hijerarhiju i strukturu.

• Font: Odaberite font za naslove.
• Prored: Prilagodite razmak između redaka radi bolje čitljivosti.
• Veličina naslova: Prilagodite veličinu naslova H1, H2 i H3 (8–72).
• Oblikovanje teksta: Primijenite stilove podebljano ili kurziv.
• Boja fonta: Postavite jedinstvenu boju za svaku vrstu naslova.

---

4. Gumb

Oblikujte gumbe u svojoj e-poruci kako biste povećali angažman.

• Podrška za Outlook: Omogućite kako biste osigurali pravilan prikaz u Microsoft Outlooku pomoću VML koda (može povećati veličinu e-poruke).
• Boja gumba: Postavite zadanu boju gumba.
• Isticanje gumba pri prelasku pokazivačem: Uključite ili isključite efekt boje pri prelasku pokazivačem.
  • Boja pri prelasku pokazivačem: Odaberite boju pri prelasku pokazivačem.
• Boja fonta: Definirajte boju teksta gumba.
• Stil teksta:
  • Font: Odaberite font za tekst gumba.
  • Veličina fonta: Prilagodite veličinu teksta (8–72).
  • Oblikovanje: Primijenite stilove podebljano ili kurziv.
• Polumjer obruba: Zaoblite kutove gumba (0–100).
• Obrubi:
  • Vrsta: Odaberite pune, isprekidane ili točkaste obrube.
  • Boja: Definirajte boje obruba.
• Unutarnje odstupanje: Prilagodite unutarnje odstupanje gumba (gore, desno, dolje, lijevo).

---

5. Oblikovanje za mobilne uređaje

Osigurajte da vaša e-poruka izgleda odlično na mobilnim uređajima pomoću postavki posebno prilagođenih mobilnim uređajima.

• Veličine teksta zaglavlja, sadržaja, podnožja i područja s informacijama: Prilagodite veličine teksta za svaki odjeljak na mobilnim uređajima.
• Veličina fonta stavki izbornika: Prilagodite veličinu fonta stavki navigacijskog izbornika.
• Veličine naslova: Postavite veličine H1, H2 i H3 za mobilni prikaz.
• Poravnanje naslova: Poravnajte naslove (lijevo, po sredini, desno).
• Veličina teksta gumba: Prilagodite veličinu teksta gumba za mobilne uređaje.
• Gumbi pune širine: Omogućite da se gumbi protežu cijelom širinom zaslona.
• Gornje i donje unutarnje odstupanje: Prilagodite unutarnje odstupanje za bolji izgled na mobilnim uređajima.
• Margina sadržaja: Prilagodite marginu oko sadržaja za mobilne uređaje (0–100).

---

Završne napomene

• Testiranje: Uvijek testirajte e-poruku na različitim uređajima i u različitim klijentima e-pošte kako biste osigurali dosljednost.
• Pristupačnost: Upotrebljavajte pristupačne fontove, odgovarajuću strukturu naslova i zamjenski tekst za slike kako biste osigurali uključivost.
• Optimizacija: Smanjite veličine datoteka radi bržeg učitavanja i boljih performansi, što je osobito važno za korisnike mobilnih uređaja.