Chapters

Contents

the email tool that makes email marketing simple

Sign Up FreeNo credit card required.
maildroppa-promo-notebookmaildroppa-promo-spaceship

Podešavanja izgleda Stripo Email Editor-a

Published: · Last updated: · By

In brief

Saznajte kako u Stripo uređivaču e-pošte da podesite fontove, boje, zaglavlja, dugmad i prikaz na mobilnim uređajima za dosledan dizajn.

Kartica Appearance omogućava vam da kontrolišete globalni stil svoje e-poruke, kao što su fontovi, boje pozadine, stilovi dugmadi i formatiranje prilagođeno mobilnim uređajima. Ovo obezbeđuje doslednost i prilagodljivost na različitim uređajima i u različitim klijentima e-pošte.

U nastavku je detaljno objašnjenje svakog odeljka u okviru kartice Appearance.

Pregled kartice Appearance


1. Opšta podešavanja

Prilagodite celokupan izgled i poravnanje svoje e-poruke. Ova podešavanja se primenjuju globalno na sve odeljke.

  • Poravnanje poruke: Poravnajte sadržaj e-poruke ulevo, po sredini ili udesno. Podešavanje poravnanja poruke
  • Podrazumevani unutrašnji razmak: Podesite ujednačen razmak oko novih struktura ili prilagodite razmak za svaku stranu pojedinačno (gore, desno, dole, levo). Podešavanje podrazumevanog unutrašnjeg razmaka e-poruke
  • Opšta boja pozadine: Podesite boju pozadine e-poruke pomoću heksadecimalnog koda ili birača boja. Podešavanje opšte boje pozadine e-poruke
  • Font: Izaberite standardne fontove kao što su Arial, Helvetica ili dekorativne fontove kao što su Roboto i Lato. Definisanje opšteg fonta e-poruke
  • Prored: Prilagodite razmak između redova pomoću četiri unapred definisane opcije. Definisanje podrazumevanog proreda
  • Razmak ispod pasusa: Uključite ili isključite razmak između pasusa. Uključivanje ili isključivanje razmaka ispod pasusa
  • Podvlačenje linkova: Automatski podvucite sve linkove u e-poruci (uključite/isključite). Uključivanje ili isključivanje podvlačenja linkova
  • Responzivni dizajn: Uključite ovu opciju kako biste obezbedili prilagođavanje e-poruke različitim veličinama ekrana, naročito mobilnim uređajima. Aktiviranje ili deaktiviranje responzivnog dizajna e-poruke
  • RTL smer teksta: Aktivirajte za jezike kao što su arapski ili hebrejski. Definisanje smera teksta
  • Slika pozadine: Dodajte sliku pozadine uz mogućnost dodavanja linka. Prevucite i otpustite da biste otpremili slike. Dodavanje slike pozadine e-poruci

2. Trake

Trake predstavljaju velike strukturne odeljke vaše e-poruke (npr. zaglavlje, sadržaj, podnožje, oblast sa informacijama). Svaka traka može se stilizovati nezavisno.

Traka zaglavlja
  • Veličina teksta: Prilagodite veličinu teksta zaglavlja (8–72). Veličina teksta zaglavlja
  • Boja pozadine: Podesite jednobojnu pozadinu ili ostavite pozadinu providnom. Boja pozadine zaglavlja
  • Boja pozadine sadržaja: Prilagodite boju pozadine unutar odeljka zaglavlja. Boja pozadine sadržaja zaglavlja
  • Boja fonta: Definišite boju teksta. Boja fonta zaglavlja
  • Boja linkova: Podesite boju navigacionih i drugih linkova u zaglavlju. Boja linkova zaglavlja
  • Slika pozadine: Dodajte opcionu sliku pozadine. Slika pozadine zaglavlja
Traka sadržaja

Glavni deo e-poruke namenjen tekstu, slikama i interaktivnim elementima.

  • Veličina teksta: Prilagodite veličinu teksta sadržaja (8–72). Veličina teksta sadržaja
  • Boja pozadine sadržaja: Definišite boju pozadine glavne oblasti sadržaja. Boja pozadine sadržaja
  • Boja fonta: Podesite podrazumevanu boju teksta. Boja fonta sadržaja
  • Boja linkova: Prilagodite boju linkova. Boja linkova sadržaja
Traka podnožja

Obično se koristi za kontakt podatke, pravne informacije ili linkove ka društvenim mrežama.

  • Veličina teksta: Podesite veličinu teksta (8–72). Veličina teksta podnožja
  • Boja pozadine: Izaberite jednobojnu pozadinu ili ostavite pozadinu providnom. Boja pozadine podnožja
  • Boja pozadine sadržaja: Definišite unutrašnju pozadinu podnožja. Boja pozadine sadržaja podnožja
  • Boja fonta: Podesite boju fonta. Boja fonta podnožja
  • Boja linkova: Prilagodite boju linkova u podnožju. Boja linkova podnožja
  • Slika pozadine: Po želji dodajte sliku sa linkom na koji se može kliknuti. Slika pozadine podnožja
Traka oblasti sa informacijama

Koristi se za odricanja od odgovornosti, pravna obaveštenja ili dodatne informacije.

  • Veličina teksta: Definišite veličinu fonta (8–72). Veličina teksta oblasti sa informacijama
  • Boja fonta: Podesite boju fonta. Boja fonta oblasti sa informacijama
  • Boja linkova: Prilagodite boje linkova u ovoj traci. Boja linkova oblasti sa informacijama

3. Naslovi

Definišite vizuelni stil naslova (H1, H2, H3) radi hijerarhije i strukture u e-poruci.

  • Font: Izaberite font za naslove. Font naslova
  • Prored: Prilagodite razmak između redova radi bolje čitljivosti. Prored naslova
  • Veličina naslova: Prilagodite veličine naslova H1, H2 i H3 (8–72).
  • Stil teksta: Primeniite stilove Podebljano ili Kurziv.
  • Boja fonta: Podesite jedinstvenu boju za svaki tip naslova. Stil naslova

4. Dugme

Dizajnirajte dugmad u svojoj e-poruci radi boljeg angažovanja korisnika.

  • Podrška za Outlook: Uključite ovu opciju da biste obezbedili pravilno prikazivanje u programu Microsoft Outlook pomoću VML koda (može povećati veličinu e-poruke). Podrška za dugmad u Outlook-u
  • Boja dugmeta: Podesite podrazumevanu boju dugmadi. Boja dugmeta
  • Isticanje dugmadi pri prelasku pokazivačem: Uključite efekat promene boje pri prelasku pokazivačem.
    • Boja pri prelasku pokazivačem: Izaberite boju pri prelasku pokazivačem. Boja dugmeta pri prelasku pokazivačem
  • Boja fonta: Definišite boju teksta dugmeta. Boja fonta dugmeta
  • Stil teksta:
    • Font: Izaberite font za tekst dugmeta.
    • Veličina fonta: Prilagodite veličinu teksta (8–72).
    • Stil: Primeniite stilove Podebljano ili Kurziv. Stil teksta dugmeta
  • Zaobljenost ivica: Zaoblite uglove dugmadi (0–100). Zaobljenost ivica dugmeta
  • Ivice:
    • Tip: Izaberite punu, isprekidanu ili tačkastu ivicu.
    • Boja: Definišite boje ivica. Ivica dugmeta
  • Unutrašnji razmak: Prilagodite unutrašnji razmak dugmadi (gore, desno, dole, levo). Unutrašnji razmak dugmeta

5. Mobilno formatiranje

Obezbedite da vaša e-poruka izgleda odlično na mobilnim uređajima pomoću podešavanja prilagođenih mobilnim uređajima.

  • Veličine teksta zaglavlja, sadržaja, podnožja i oblasti sa informacijama: Prilagodite veličine teksta za svaki odeljak na mobilnim uređajima. Veličina teksta zaglavlja
  • Veličina fonta stavki menija: Prilagodite veličinu fonta stavki navigacionog menija. Veličina fonta stavki mobilnog menija
  • Veličine naslova: Podesite veličine H1, H2 i H3 u mobilnom prikazu.
  • Poravnanje naslova: Poravnajte naslove ulevo, po sredini ili udesno. Mobilni naslov
  • Veličina teksta dugmeta: Prilagodite veličinu teksta dugmeta za mobilne uređaje. Veličina teksta mobilnog dugmeta
  • Dugmad pune širine: Omogućite da se dugmad protežu čitavom širinom ekrana.
  • Gornji i donji unutrašnji razmak: Prilagodite unutrašnji razmak radi boljeg izgleda na mobilnim uređajima. Dugmad pune širine na mobilnim uređajima
  • Margina sadržaja: Prilagodite margine oko sadržaja na mobilnim uređajima (0–100). Podešavanje sadržaja na mobilnim uređajima

Završne napomene

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

Ready to Send Better Emails?

Stop juggling bloated tools or overpriced plans. Maildroppa offers personal support, GDPR-level privacy, and powerful email marketing - starting free forever.

Sign Up For Free

No credit card required. No time limit.