Innstillinger for utseende i Stripo Email Editor

Published: 22. oktober 2024 · Last updated: 21. juli 2026 · By Marcus Biel

Utseende-fanen lar deg styre den globale utformingen av e-posten, for eksempel skrifttyper, bakgrunnsfarger, knappestiler og mobilspesifikk formatering. Dette sikrer et konsekvent uttrykk og god tilpasning på tvers av enheter og e-postklienter.

Nedenfor finner du en detaljert forklaring av hver seksjon i Utseende-fanen.

---

1. Generelle innstillinger

Tilpass det overordnede utseendet og justeringen av e-posten. Disse innstillingene brukes globalt i alle seksjoner.

• Justering av melding: Juster e-postinnholdet til venstre, midten eller høyre.
• Standardmarg: Angi jevn avstand rundt nye strukturer, eller juster margen individuelt for hver side (øverst, høyre, nederst, venstre).
• Generell bakgrunnsfarge: Angi bakgrunnsfargen for e-posten ved hjelp av en heksadesimalkode eller en fargevelger.
• Skrifttype: Velg mellom standard skrifttyper som Arial, Helvetica eller dekorative skrifttyper som Roboto og Lato.
• Linjeavstand: Juster avstanden mellom linjene med fire forhåndsdefinerte alternativer.
• Avstand under avsnitt: Aktiver eller deaktiver avstand mellom avsnitt.
• Understrek lenker: Understrek automatisk alle lenker i e-posten (slå på/av).
• Responsivt design: Aktiver dette for å sikre at e-posten tilpasser seg ulike skjermstørrelser, spesielt på mobile enheter.
• RTL-tekstretning: Aktiver dette for språk som arabisk eller hebraisk.
• Bakgrunnsbilde: Legg til et bakgrunnsbilde, med mulighet for å koble det til en lenke. Dra og slipp for å laste opp bilder.

---

2. Striper

Striper representerer store strukturelle seksjoner i e-posten (for eksempel topptekst, innhold, bunntekst og informasjonsområde). Hver stripe kan utformes separat.

Topptekststripe

• Tekststørrelse: Tilpass størrelsen på toppteksten (8–72).
• Bakgrunnsfarge: Angi en ensfarget bakgrunn eller la den være gjennomsiktig.
• Bakgrunnsfarge for innhold: Juster bakgrunnsfargen i topptekstseksjonen.
• Skriftfarge: Angi tekstfargen.
• Lenkefarge: Angi fargen for navigasjonslenker eller andre lenker i toppteksten.
• Bakgrunnsbilde: Legg eventuelt til et bakgrunnsbilde.

Innholdsstripe

Hoveddelen av e-posten for tekst, bilder og interaktive elementer.

• Tekststørrelse: Juster størrelsen på innholdsteksten (8–72).
• Bakgrunnsfarge for innhold: Angi bakgrunnsfargen for hovedområdet med innhold.
• Skriftfarge: Angi standardfargen for tekst.
• Lenkefarge: Tilpass lenkefargen.

Bunntekststripe

Brukes vanligvis til kontaktopplysninger, juridisk informasjon eller lenker til sosiale medier.

• Tekststørrelse: Angi tekststørrelsen (8–72).
• Bakgrunnsfarge: Velg en ensfarget bakgrunn eller la den være gjennomsiktig.
• Bakgrunnsfarge for innhold: Angi den indre bakgrunnen for bunnteksten.
• Skriftfarge: Angi skriftfargen.
• Lenkefarge: Tilpass lenkefargen for lenker i bunnteksten.
• Bakgrunnsbilde: Legg eventuelt til et bilde med en klikkbar lenke.

Stripe for informasjonsområde

Brukes til ansvarsfraskrivelser, juridiske merknader eller tilleggsinformasjon.

• Tekststørrelse: Angi skriftstørrelsen (8–72).
• Skriftfarge: Angi skriftfargen.
• Lenkefarge: Juster lenkefargene i denne stripen.

---

3. Overskrifter

Definer den visuelle stilen for overskrifter (H1, H2, H3) for å skape hierarki og struktur i e-posten.

• Skrifttype: Velg en skrifttype for overskrifter.
• Linjeavstand: Juster avstanden mellom linjene for bedre lesbarhet.
• Overskriftsstørrelse: Tilpass størrelsen på H1-, H2- og H3-overskrifter (8–72).
• Tekststil: Bruk stilene fet eller kursiv.
• Skriftfarge: Angi en unik farge for hver overskriftstype.

---

4. Knapp

Utform knappene i e-posten for å øke engasjementet.

• Støtte for Outlook: Aktiver dette for å sikre riktig gjengivelse i Microsoft Outlook ved hjelp av VML-kode (kan øke størrelsen på e-posten).
• Knappfarge: Angi standardfargen for knapper.
• Uthev knapper ved hovering: Slå på for å aktivere en fargeeffekt ved hovering.
  • Hoverfarge: Velg hoverfargen.
• Skriftfarge: Angi fargen på knappteksten.
• Tekststil:
  • Skrifttype: Velg en skrifttype for knappteksten.
  • Skriftstørrelse: Juster tekststørrelsen (8–72).
  • Stil: Bruk tekststilene fet eller kursiv.
• Hjørneradius: Gjør hjørnene på knappene avrundede (0–100).
• Kantlinjer:
  • Type: Velg heltrukken, stiplet eller prikket kantlinje.
  • Farge: Angi kantlinjefarger.
• Marg: Juster den indre margen for knapper (øverst, høyre, nederst, venstre).

---

5. Mobilformatering

Sørg for at e-posten ser bra ut på mobile enheter med mobilspesifikke innstillinger.

• Tekststørrelser for topptekst, innhold, bunntekst og informasjonsområde: Tilpass tekststørrelsene for hver seksjon på mobil.
• Skriftstørrelse for menyelementer: Juster skriftstørrelsen for elementene i navigasjonsmenyen.
• Overskriftsstørrelser: Angi størrelser for H1, H2 og H3 i mobilvisning.
• Justering av overskrifter: Juster overskriftene til venstre, midten eller høyre.
• Tekststørrelse for knapp: Tilpass størrelsen på knappteksten på mobil.
• Knapper i full bredde: Aktiver dette for å la knappene fylle hele skjermbredden.
• Øvre og nedre marg: Juster margen for et bedre mobilutseende.
• Innholdsmarg: Juster margen rundt innholdet på mobil (0–100).

---

Avsluttende merknader

• Testing: Test alltid e-posten på tvers av enheter og e-postklienter for å sikre et konsekvent resultat.
• Tilgjengelighet: Bruk tilgjengelige skrifttyper, riktig overskriftsstruktur og alternativ tekst for bilder for å sikre inkludering.
• Optimalisering: Minimer filstørrelsene for raskere innlasting og bedre ytelse, noe som er spesielt viktig for mobilbrukere.