Inställningar för Stripo e-postredigerarens utseende

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

Fliken Utseende låter dig styra den globala utformningen av ditt e-postmeddelande, till exempel typsnitt, bakgrundsfärger, knappstilar och mobilanpassad formatering. Det säkerställer enhetlighet och anpassningsförmåga på olika enheter och i olika e-postklienter.

Nedan följer en detaljerad förklaring av varje avsnitt på fliken Utseende.

---

1. Allmänna inställningar

Anpassa e-postmeddelandets övergripande utseende och justering. Dessa inställningar tillämpas globalt i alla avsnitt.

• Justering av meddelandet: Justera e-postinnehållet till vänster, mitten eller höger.
• Standardutfyllnad: Ange enhetligt utrymme runt nya strukturer eller justera utfyllnaden för varje sida (överkant, höger, underkant, vänster) separat.
• Allmän bakgrundsfärg: Ange e-postmeddelandets bakgrundsfärg med en hexkod eller färgväljare.
• Typsnitt: Välj bland standardtypsnitt som Arial, Helvetica eller dekorativa typsnitt som Roboto och Lato.
• Radavstånd: Justera avståndet mellan rader med fyra fördefinierade alternativ.
• Utrymme efter stycken: Aktivera eller inaktivera avstånd mellan stycken.
• Understrukna länkar: Understryk automatiskt alla länkar i e-postmeddelandet (aktivera/inaktivera).
• Responsiv design: Aktivera för att säkerställa att e-postmeddelandet anpassas till olika skärmstorlekar, särskilt på mobila enheter.
• RTL-textriktning: Aktivera för språk som arabiska eller hebreiska.
• Bakgrundsbild: Lägg till en bakgrundsbild och ange eventuellt en länk till den. Dra och släpp för att ladda upp bilder.

---

2. Ränder

Ränder representerar stora strukturella delar av e-postmeddelandet (t.ex. sidhuvud, innehåll, sidfot och informationsområde). Varje rand kan formateras separat.

Sidhuvudsranden

• Textstorlek: Anpassa storleken på sidhuvudets text (8–72).
• Bakgrundsfärg: Ange en enfärgad bakgrund eller lämna den transparent.
• Innehållets bakgrundsfärg: Justera bakgrundsfärgen i sidhuvudets avsnitt.
• Textfärg: Ange textfärgen.
• Länkfärg: Ange färgen för navigeringslänkar eller andra länkar i sidhuvudet.
• Bakgrundsbild: Lägg till en valfri bakgrundsbild.

Innehållsranden

E-postmeddelandets huvudsakliga innehåll för text, bilder och interaktiva element.

• Textstorlek: Justera textstorleken för innehållet (8–72).
• Innehållets bakgrundsfärg: Ange bakgrundsfärgen för det huvudsakliga innehållsområdet.
• Textfärg: Ange standardfärgen för text.
• Länkfärg: Anpassa länkfärgen.

Sidfotsranden

Används vanligtvis för kontaktuppgifter, juridisk information eller sociala länkar.

• Textstorlek: Ange textstorleken (8–72).
• Bakgrundsfärg: Välj en enfärgad bakgrund eller lämna den transparent.
• Innehållets bakgrundsfärg: Ange sidfotens inre bakgrund.
• Textfärg: Ange textfärgen.
• Länkfärg: Anpassa länkfärgen för länkar i sidfoten.
• Bakgrundsbild: Lägg eventuellt till en bild med en klickbar länk.

Informationsområdets rand

Används för friskrivningar, juridiska meddelanden eller ytterligare information.

• Textstorlek: Ange teckenstorleken (8–72).
• Textfärg: Ange textfärgen.
• Länkfärg: Justera länkfärgerna i denna rand.

---

3. Rubriker

Definiera rubrikernas visuella stil (H1, H2, H3) för hierarki och struktur i e-postmeddelandet.

• Typsnitt: Välj ett typsnitt för rubriker.
• Radavstånd: Justera avståndet mellan rader för bättre läsbarhet.
• Rubrikstorlek: Anpassa storleken på H1-, H2- och H3-rubriker (8–72).
• Textformatering: Använd fetstil eller kursiv stil.
• Textfärg: Ange en unik färg för varje rubriktyp.

---

4. Knapp

Utforma knapparna i e-postmeddelandet för bättre engagemang.

• Stöd för Outlook: Aktivera för att säkerställa korrekt visning i Microsoft Outlook med VML-kod (kan öka e-postmeddelandets storlek).
• Knappfärg: Ange standardfärgen för knappar.
• Markera knappar vid hovring: Aktivera eller inaktivera en färgeffekt vid hovring.
  • Hovringsfärg: Välj hovringsfärg.
• Textfärg: Ange färgen på knapptexten.
• Textstil:
  • Typsnitt: Välj ett typsnitt för knapptexten.
  • Teckenstorlek: Justera textstorleken (8–72).
  • Formatering: Använd fetstil eller kursiv text.
• Kantradie: Avrunda hörnen på knapparna (0–100).
• Kanter:
  • Typ: Välj heldragna, streckade eller prickade kanter.
  • Färg: Ange kantfärger.
• Utfyllnad: Justera den inre utfyllnaden för knappar (överkant, höger, underkant, vänster).

---

5. Mobilformatering

Se till att e-postmeddelandet ser bra ut på mobila enheter med mobilspecifika inställningar.

• Textstorlekar för sidhuvud, innehåll, sidfot och informationsområde: Anpassa textstorleken för varje avsnitt på mobila enheter.
• Teckenstorlek för menyalternativ: Justera teckenstorleken för navigeringsmenyns alternativ.
• Rubrikstorlekar: Ange storlekar för H1, H2 och H3 i mobilvyn.
• Rubrikjustering: Justera rubriker till vänster, mitten eller höger.
• Textstorlek för knapp: Anpassa knapptextens storlek på mobila enheter.
• Knappar i full bredd: Aktivera knappar så att de sträcker sig över hela skärmens bredd.
• Utfyllnad upptill och nedtill: Justera utfyllnaden för ett bättre utseende på mobila enheter.
• Innehållsmarginal: Justera marginalen runt innehållet på mobila enheter (0–100).

---

Avslutande kommentarer

• Testning: Testa alltid e-postmeddelandet på olika enheter och i olika e-postklienter för att säkerställa enhetlighet.
• Tillgänglighet: Använd tillgängliga typsnitt, en korrekt rubrikstruktur och alternativtext för bilder för att säkerställa inkludering.
• Optimering: Minimera filstorlekarna för snabbare laddning och bättre prestanda, vilket är särskilt viktigt för mobilanvändare.