Nastavenia vzhľadu editora e-mailov Stripo

Published: 22. októbra 2024 · Last updated: 21. júla 2026 · By Marcus Biel

Karta Vzhľad umožňuje ovládať globálne štýlovanie e-mailu, napríklad písma, farby pozadia, štýly tlačidiel a formátovanie špecifické pre mobilné zariadenia. Vďaka tomu bude e-mail konzistentný a prispôsobiteľný rôznym zariadeniam a e-mailovým klientom.

Nižšie nájdete podrobné vysvetlenie jednotlivých častí karty Vzhľad.

---

1. Všeobecné nastavenia

Prispôsobte celkový vzhľad a zarovnanie e-mailu. Tieto nastavenia sa použijú globálne vo všetkých sekciách.

• Zarovnanie správy: Zarovnajte obsah e-mailu doľava, na stred alebo doprava.
• Predvolené vnútorné okraje: Nastavte jednotné rozostupy okolo nových štruktúr alebo upravte vnútorný okraj pre každú stranu (hore, vpravo, dole, vľavo) samostatne.
• Všeobecná farba pozadia: Nastavte farbu pozadia e-mailu pomocou hexadecimálneho kódu alebo výberu farby.
• Písmo: Vyberte si zo štandardných písiem, ako sú Arial a Helvetica, alebo dekoratívnych písiem, ako sú Roboto a Lato.
• Riadkovanie: Upravte rozostupy medzi riadkami pomocou štyroch preddefinovaných možností.
• Medzera pod odsekmi: Zapnite alebo vypnite rozostupy medzi odsekmi.
• Podčiarknutie odkazov: Automaticky podčiarknite všetky odkazy v e-maile (zapnutie/vypnutie).
• Responzívny dizajn: Zapnite túto možnosť, aby sa e-mail prispôsobil rôznym veľkostiam obrazovky, najmä mobilným zariadeniam.
• Smer textu sprava doľava (RTL): Aktivujte pre jazyky, ako sú arabčina alebo hebrejčina.
• Obrázok na pozadí: Pridajte obrázok na pozadí s možnosťou pridať naň odkaz. Obrázky môžete nahrať presunutím myšou.

---

2. Pruhy

Pruhy predstavujú veľké štrukturálne sekcie e-mailu (napr. hlavička, obsah, pätička, informačná oblasť). Každý pruh možno nastylovať samostatne.

Pruh hlavičky

• Veľkosť textu: Prispôsobte veľkosť textu v hlavičke (8 – 72).
• Farba pozadia: Nastavte plnú farbu pozadia alebo ponechajte pozadie priehľadné.
• Farba pozadia obsahu: Upravte farbu pozadia v sekcii hlavičky.
• Farba písma: Definujte farbu textu.
• Farba odkazov: Nastavte farbu navigačných alebo iných odkazov v hlavičke.
• Obrázok na pozadí: Pridajte voliteľný obrázok na pozadí.

Pruh obsahu

Hlavná časť e-mailu určená na text, obrázky a interaktívne prvky.

• Veľkosť textu: Upravte veľkosť textu obsahu (8 – 72).
• Farba pozadia obsahu: Definujte farbu pozadia hlavnej oblasti obsahu.
• Farba písma: Nastavte predvolenú farbu textu.
• Farba odkazov: Prispôsobte farbu odkazov.

Pruh pätičky

Zvyčajne sa používa na kontaktné údaje, právne informácie alebo odkazy na sociálne siete.

• Veľkosť textu: Nastavte veľkosť textu (8 – 72).
• Farba pozadia: Vyberte plnú farbu pozadia alebo ponechajte pozadie priehľadné.
• Farba pozadia obsahu: Definujte vnútorné pozadie pätičky.
• Farba písma: Nastavte farbu písma.
• Farba odkazov: Prispôsobte farbu odkazov v pätičke.
• Obrázok na pozadí: Voliteľne pridajte obrázok s klikateľným odkazom.

Pruh informačnej oblasti

Používa sa na odmietnutia zodpovednosti, právne upozornenia alebo ďalšie informácie.

• Veľkosť textu: Definujte veľkosť písma (8 – 72).
• Farba písma: Nastavte farbu písma.
• Farba odkazov: Upravte farby odkazov v tomto pruhu.

---

3. Nadpisy

Definujte vizuálny štýl nadpisov (H1, H2, H3), aby mal e-mail hierarchiu a štruktúru.

• Písmo: Vyberte písmo pre nadpisy.
• Riadkovanie: Upravte rozostupy medzi riadkami pre lepšiu čitateľnosť.
• Veľkosť nadpisov: Prispôsobte veľkosť nadpisov H1, H2 a H3 (8 – 72).
• Štýl textu: Použite štýl tučné alebo kurzíva.
• Farba písma: Nastavte jedinečnú farbu pre každý typ nadpisu.

---

4. Tlačidlo

Navrhnite tlačidlá v e-maile tak, aby ste zvýšili mieru interakcie.

• Podpora Outlooku: Zapnite túto možnosť, aby sa tlačidlá správne zobrazovali v Microsoft Outlooku pomocou kódu VML (môže zväčšiť veľkosť e-mailu).
• Farba tlačidla: Nastavte predvolenú farbu tlačidiel.
• Zvýraznenie tlačidiel po umiestnení kurzora: Zapnutím aktivujete efekt zmeny farby po umiestnení kurzora.
  • Farba po umiestnení kurzora: Vyberte farbu po umiestnení kurzora.
• Farba písma: Definujte farbu textu tlačidla.
• Štýl textu:
  • Písmo: Vyberte písmo pre text tlačidla.
  • Veľkosť písma: Upravte veľkosť textu (8 – 72).
  • Štýl: Použite štýl tučné alebo kurzíva.
• Zaoblenie okrajov: Zaoblite rohy tlačidiel (0 – 100).
• Orámovanie:
  • Typ: Vyberte plné, čiarkované alebo bodkované orámovanie.
  • Farba: Definujte farby orámovania.
• Vnútorné okraje: Upravte vnútorné okraje tlačidiel (hore, vpravo, dole, vľavo).

---

5. Formátovanie pre mobilné zariadenia

Zaistite, aby e-mail vyzeral dobre na mobilných zariadeniach pomocou nastavení špecifických pre mobilné zariadenia.

• Veľkosti textu hlavičky, obsahu, pätičky a informačnej oblasti: Prispôsobte veľkosť textu pre každú sekciu v mobilnom zobrazení.
• Veľkosť písma položiek ponuky: Upravte veľkosť písma položiek navigačnej ponuky.
• Veľkosti nadpisov: Nastavte veľkosti H1, H2 a H3 v mobilnom zobrazení.
• Zarovnanie nadpisov: Zarovnajte nadpisy (doľava, na stred, doprava).
• Veľkosť textu tlačidla: Prispôsobte veľkosť textu tlačidla pre mobilné zariadenia.
• Tlačidlá na celú šírku: Zapnite zobrazenie tlačidiel na celú šírku obrazovky.
• Horný a dolný vnútorný okraj: Upravte vnútorné okraje pre lepší vzhľad na mobilných zariadeniach.
• Okraj obsahu: Upravte okraj okolo obsahu pre mobilné zariadenia (0 – 100).

---

Záverečné poznámky

• Testovanie: E-mail vždy otestujte na rôznych zariadeniach a v rôznych e-mailových klientoch, aby ste zaistili konzistentné zobrazenie.
• Prístupnosť: Používajte prístupné písma, správnu štruktúru nadpisov a alternatívny text pri obrázkoch, aby bol obsah inkluzívny.
• Optimalizácia: Minimalizujte veľkosť súborov, aby sa načítavali rýchlejšie a mali lepší výkon, čo je obzvlášť dôležité pre používateľov mobilných zariadení.