Chapters

Contents

the email tool that makes email marketing simple

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

Stripo-sähköpostieditorin ulkoasuasetukset

Published: · Last updated: · By

In brief

Opi määrittämään Stripo-editorissa sähköpostin fontit, värit, välit, painikkeet ja mobiilimuotoilu yhtenäistä ulkoasua varten eri laitteilla.

Ulkoasu-välilehdellä voit hallita sähköpostisi yleistä tyyliä, kuten fontteja, taustavärejä, painikkeiden tyylejä ja mobiililaitteille tarkoitettua muotoilua. Näin varmistat yhdenmukaisuuden ja mukautuvuuden eri laitteilla ja sähköpostiohjelmissa.

Alla on yksityiskohtainen selitys Ulkoasu-välilehden jokaisesta osiosta.

Ulkoasu-välilehden yleiskatsaus


1. Yleiset asetukset

Muokkaa sähköpostisi yleistä ulkoasua ja tasausta. Näitä asetuksia käytetään maailmanlaajuisesti kaikissa osioissa.

  • Viestin tasaus: Tasaa sähköpostin sisältö vasemmalle, keskelle tai oikealle. Säädä viestin tasausta
  • Oletussisennys: Aseta uusien rakenteiden ympärille yhtenäinen tila tai säädä kunkin sivun (ylä, oikea, ala, vasen) sisennystä erikseen. Säädä sähköpostin oletussisennystä
  • Yleinen taustaväri: Aseta sähköpostin taustaväri heksadesimaalikoodilla tai värivalitsimella. Aseta sähköpostin yleinen taustaväri
  • Fontti: Valitse tavallisista fonteista, kuten Arial ja Helvetica, tai koristeellisista fonteista, kuten Roboto ja Lato. Määritä sähköpostin yleinen fontti
  • Riviväli: Säädä rivien välistä tilaa neljän ennalta määritetyn vaihtoehdon avulla. Määritä oletusriviväli
  • Kappaleen alareunan tila: Ota käyttöön tai poista käytöstä kappaleiden välinen tila. Ota kappaleen alareunan tila käyttöön tai poista se käytöstä
  • Alleviivatut linkit: Alleviivaa automaattisesti kaikki sähköpostin linkit (käytössä/pois käytöstä). Ota linkkien alleviivaus käyttöön tai poista se käytöstä
  • Responsiivinen suunnittelu: Ota käyttöön, jotta sähköposti mukautuu erikokoisiin näyttöihin, erityisesti mobiililaitteisiin. Ota responsiivinen sähköpostisuunnittelu käyttöön tai poista se käytöstä
  • RTL-tekstin suunta: Ota käyttöön arabian tai heprean kaltaisille kielille. Määritä tekstin suunta
  • Taustakuva: Lisää taustakuva ja halutessasi linkki siihen. Lataa kuvia vetämällä ja pudottamalla. Lisää sähköpostiin taustakuva

2. Raidat

Raidat ovat sähköpostisi suuria rakenteellisia osioita (esimerkiksi ylätunniste, sisältö, alatunniste ja tietoalue). Jokaisen raidan tyylin voi määrittää erikseen.

Ylätunnisteraita
  • Tekstin koko: Muokkaa ylätunnisteen tekstin kokoa (8–72). Ylätunnisteen tekstin koko
  • Taustaväri: Aseta yhtenäinen taustaväri tai jätä tausta läpinäkyväksi. Ylätunnisteen taustaväri
  • Sisällön taustaväri: Säädä ylätunnisteen sisäisen alueen taustaväriä. Ylätunnisteen sisällön taustaväri
  • Fontin väri: Määritä tekstin väri. Ylätunnisteen fontin väri
  • Linkin väri: Aseta navigointi- tai muiden ylätunnisteen linkkien väri. Ylätunnisteen linkin väri
  • Taustakuva: Lisää halutessasi taustakuva. Ylätunnisteen taustakuva
Sisältöraita

Sähköpostisi pääsisältöalue tekstille, kuville ja vuorovaikutteisille elementeille.

  • Tekstin koko: Säädä sisällön tekstin kokoa (8–72). Sisällön tekstin koko
  • Sisällön taustaväri: Määritä pääsisältöalueen taustaväri. Sisällön taustaväri
  • Fontin väri: Aseta tekstin oletusväri. Sisällön fontin väri
  • Linkin väri: Muokkaa linkkien väriä. Sisällön linkin väri
Alatunnisteraita

Käytetään yleensä yhteystietoihin, lakisääteisiin tietoihin tai sosiaalisen median linkkeihin.

  • Tekstin koko: Aseta tekstin koko (8–72). Alatunnisteen tekstin koko
  • Taustaväri: Valitse yhtenäinen taustaväri tai jätä tausta läpinäkyväksi. Alatunnisteen taustaväri
  • Sisällön taustaväri: Määritä alatunnisteen sisäosan taustaväri. Alatunnisteen sisällön taustaväri
  • Fontin väri: Aseta fontin väri. Alatunnisteen fontin väri
  • Linkin väri: Muokkaa alatunnisteen linkkien väriä. Alatunnisteen linkin väri
  • Taustakuva: Lisää halutessasi kuva, johon voi liittää napsautettavan linkin. Alatunnisteen taustakuva
Tietoalueraita

Käytetään vastuuvapauslausekkeisiin, lakisääteisiin ilmoituksiin tai lisätietoihin.

  • Tekstin koko: Määritä fontin koko (8–72). Tietoalueen tekstin koko
  • Fontin väri: Aseta fontin väri. Tietoalueen fontin väri
  • Linkin väri: Säädä tämän raidan linkkien värejä. Tietoalueen linkin väri

3. Otsikot

Määritä otsikoiden (H1, H2, H3) visuaalinen tyyli sähköpostin hierarkiaa ja rakennetta varten.

  • Fontti: Valitse otsikoissa käytettävä fontti. Otsikon fontti
  • Riviväli: Säädä rivien välistä tilaa luettavuuden parantamiseksi. Otsikon riviväli
  • Otsikon koko: Muokkaa H1-, H2- ja H3-otsikoiden kokoa (8–72).
  • Tekstin tyyli: Käytä lihavoitua tai kursivoitua tyyliä.
  • Fontin väri: Aseta kullekin otsikkotyypille oma väri. Otsikon tyyli

4. Painike

Suunnittele sähköpostisi painikkeet paremman sitoutumisen saavuttamiseksi.

  • Outlook-tuki: Ota käyttöön varmistaaksesi oikean renderöinnin Microsoft Outlookissa VML-koodin avulla (saattaa kasvattaa sähköpostin kokoa). Painikkeen Outlook-tuki
  • Painikkeen väri: Aseta painikkeiden oletusväri. Painikkeen väri
  • Korosta osoitettaessa painikkeet: Ota käyttöön tai poista käytöstä osoitustilan väritehoste.
    • Osoitustilan väri: Valitse osoitustilan väri. Painikkeen osoitustilan väri
  • Fontin väri: Määritä painikkeen tekstin väri. Painikkeen fontin väri
  • Tekstin tyyli:
    • Fontti: Valitse painikkeen tekstissä käytettävä fontti.
    • Fontin koko: Säädä tekstin kokoa (8–72).
    • Tyyli: Käytä lihavoitua tai kursivoitua tekstityyliä. Painikkeen tekstin tyyli
  • Reunuksen säde: Pyöristä painikkeiden kulmat (0–100). Painikkeen reunuksen säde
  • Reunukset:
    • Tyyppi: Valitse yhtenäinen, katkoviiva tai pisteviiva.
    • Väri: Määritä reunusten värit. Painikkeen reunus
  • Sisennys: Säädä painikkeiden sisäistä sisennystä (ylä, oikea, ala, vasen). Painikkeen sisäinen sisennys

5. Mobiilimuotoilu

Varmista mobiililaitteille tarkoitetuilla asetuksilla, että sähköpostisi näyttää hyvältä myös mobiilissa.

  • Ylätunnisteen, sisällön, alatunnisteen ja tietoalueen tekstikoot: Muokkaa kunkin osion tekstikokoa mobiililaitteilla. Ylätunnisteen tekstin koko
  • Valikkokohteiden fontin koko: Säädä navigointivalikon kohteiden fonttikokoa. Mobiilivalikon kohteiden fontin koko
  • Otsikoiden koot: Aseta H1-, H2- ja H3-otsikoiden koot mobiilinäkymää varten.
  • Otsikoiden tasaus: Tasaa otsikot (vasemmalle, keskelle, oikealle). Mobiiliotsikko
  • Painikkeen tekstin koko: Muokkaa painikkeen tekstin kokoa mobiililaitteilla. Mobiilipainikkeen tekstin koko
  • Koko näytön levyiset painikkeet: Ota käyttöön, jotta painikkeet ulottuvat koko näytön leveydelle.
  • Ylä- ja alareunan sisennys: Säädä sisennystä paremman mobiilinäkymän saavuttamiseksi. Mobiilin koko näytön levyiset painikkeet
  • Sisällön marginaali: Säädä mobiilisisällön ympärillä olevaa marginaalia (0–100). Mobiilisisällön marginaali

Lopuksi

  • Testaus: Testaa sähköpostisi aina eri laitteilla ja sähköpostiohjelmissa yhdenmukaisuuden varmistamiseksi.
  • Saavutettavuus: Käytä saavutettavia fontteja, asianmukaista otsikkorakennetta ja kuvien vaihtoehtoisia tekstejä varmistaaksesi kaikkien käyttäjien huomioimisen.
  • Optimointi: Pienennä tiedostokokoja nopeamman latauksen ja paremman suorituskyvyn varmistamiseksi. Tämä on erityisen tärkeää mobiilikäyttäjille.

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.