Nastavení vzhledu editoru e-mailů Stripo

Published: 22. října 2024 · Last updated: 21. července 2026 · By Marcus Biel

Karta Vzhled umožňuje ovládat globální styl vašeho e-mailu, například písma, barvy pozadí, styly tlačítek a formátování specifické pro mobilní zařízení. Díky tomu bude e-mail konzistentní a přizpůsobí se různým zařízením a e-mailovým klientům.

Níže najdete podrobné vysvětlení jednotlivých částí karty Vzhled.

---

1. Obecná nastavení

Přizpůsobte celkový vzhled a zarovnání e-mailu. Tato nastavení se globálně použijí ve všech částech.

• Zarovnání zprávy: Zarovnejte obsah e-mailu doleva, na střed nebo doprava.
• Výchozí vnitřní okraje: Nastavte jednotné mezery kolem nových struktur nebo upravte vnitřní okraje jednotlivých stran (nahoře, vpravo, dole, vlevo).
• Obecná barva pozadí: Nastavte barvu pozadí e-mailu pomocí hexadecimálního kódu nebo výběru barvy.
• Písmo: Vyberte standardní písma, například Arial nebo Helvetica, případně dekorativní písma jako Roboto a Lato.
• Řádkování: Upravte mezery mezi řádky pomocí čtyř předdefinovaných možností.
• Mezera pod odstavcem: Povolte nebo zakažte mezery mezi odstavci.
• Podtržení odkazů: Automaticky podtrhne všechny odkazy v e-mailu (zapnutí/vypnutí).
• Responzivní design: Povolte tuto možnost, aby se e-mail přizpůsobil různým velikostem obrazovky, zejména mobilním zařízením.
• Směr textu RTL: Aktivujte pro jazyky, jako je arabština nebo hebrejština.
• Obrázek na pozadí: Přidejte obrázek na pozadí a případně ho propojte s odkazem. Obrázky nahrajete přetažením.

---

2. Pruhy

Pruhy představují velké strukturální části e-mailu (např. záhlaví, obsah, zápatí nebo informační oblast). Každý pruh lze stylovat samostatně.

Pruh záhlaví

• Velikost textu: Přizpůsobte velikost textu v záhlaví (8–72).
• Barva pozadí: Nastavte jednobarevné pozadí nebo ponechte pozadí průhledné.
• Barva pozadí obsahu: Upravte barvu pozadí uvnitř části záhlaví.
• Barva písma: Nastavte barvu textu.
• Barva odkazů: Nastavte barvu navigačních a dalších odkazů v záhlaví.
• Obrázek na pozadí: Volitelně přidejte obrázek na pozadí.

Pruh obsahu

Hlavní část e-mailu určená pro text, obrázky a interaktivní prvky.

• Velikost textu: Upravte velikost textu obsahu (8–72).
• Barva pozadí obsahu: Nastavte barvu pozadí hlavní oblasti obsahu.
• Barva písma: Nastavte výchozí barvu textu.
• Barva odkazů: Přizpůsobte barvu odkazů.

Pruh zápatí

Obvykle se používá pro kontaktní údaje, právní informace nebo odkazy na sociální sítě.

• Velikost textu: Nastavte velikost textu (8–72).
• Barva pozadí: Zvolte jednobarevné pozadí nebo ponechte pozadí průhledné.
• Barva pozadí obsahu: Nastavte vnitřní pozadí zápatí.
• Barva písma: Nastavte barvu písma.
• Barva odkazů: Přizpůsobte barvu odkazů v zápatí.
• Obrázek na pozadí: Volitelně přidejte obrázek s proklikávacím odkazem.

Pruh informační oblasti

Používá se pro prohlášení, právní upozornění nebo další informace.

• Velikost textu: Nastavte velikost písma (8–72).
• Barva písma: Nastavte barvu písma.
• Barva odkazů: Upravte barvy odkazů v tomto pruhu.

---

3. Nadpisy

Nastavte vizuální styl nadpisů (H1, H2, H3), aby měl váš e-mail jasnou hierarchii a strukturu.

• Písmo: Vyberte písmo pro nadpisy.
• Řádkování: Upravte mezery mezi řádky pro lepší čitelnost.
• Velikost nadpisů: Přizpůsobte velikost nadpisů H1, H2 a H3 (8–72).
• Styl textu: Použijte tučné nebo kurzivní písmo.
• Barva písma: Nastavte jedinečnou barvu pro každý typ nadpisu.

---

4. Tlačítko

Navrhněte tlačítka v e-mailu tak, aby lépe zapojila příjemce.

• Podpora Outlooku: Povolte tuto možnost, aby se tlačítka správně zobrazovala v Microsoft Outlooku pomocí kódu VML (může zvětšit velikost e-mailu).
• Barva tlačítka: Nastavte výchozí barvu tlačítek.
• Zvýraznění tlačítek při najetí: Zapněte efekt změny barvy při najetí kurzorem.
  • Barva při najetí: Vyberte barvu při najetí kurzorem.
• Barva písma: Nastavte barvu textu tlačítka.
• Styl textu:
  • Písmo: Vyberte písmo pro text tlačítka.
  • Velikost písma: Upravte velikost textu (8–72).
  • Styl: Použijte tučné nebo kurzivní písmo.
• Zaoblení okrajů: Zaoblete rohy tlačítek (0–100).
• Okraje:
  • Typ: Zvolte plné, čárkované nebo tečkované okraje.
  • Barva: Nastavte barvy okrajů.
• Vnitřní okraje: Upravte vnitřní okraje tlačítek (nahoře, vpravo, dole, vlevo).

---

5. Mobilní formátování

Zajistěte, aby váš e-mail vypadal skvěle na mobilních zařízeních pomocí nastavení specifických pro mobilní zobrazení.

• Velikosti textu záhlaví, obsahu, zápatí a informační oblasti: Přizpůsobte velikost textu pro jednotlivé části na mobilních zařízeních.
• Velikost písma položek nabídky: Upravte velikost písma položek navigační nabídky.
• Velikosti nadpisů: Nastavte velikosti H1, H2 a H3 pro mobilní zobrazení.
• Zarovnání nadpisů: Zarovnejte nadpisy doleva, na střed nebo doprava.
• Velikost textu tlačítka: Přizpůsobte velikost textu tlačítek pro mobilní zařízení.
• Tlačítka na celou šířku: Povolte tlačítkům zabírat celou šířku obrazovky.
• Horní a dolní vnitřní okraj: Upravte vnitřní okraje pro lepší vzhled na mobilních zařízeních.
• Okraj obsahu: Upravte okraje kolem obsahu pro mobilní zobrazení (0–100).

---

Závěrečné poznámky

• Testování: E-mail vždy otestujte na různých zařízeních a v různých e-mailových klientech, abyste zajistili konzistentní zobrazení.
• Přístupnost: Používejte přístupná písma, správnou strukturu nadpisů a alternativní texty obrázků, aby byl obsah dostupný všem.
• Optimalizace: Minimalizujte velikost souborů pro rychlejší načítání a lepší výkon, což je důležité zejména pro uživatele mobilních zařízení.