Seznamte se užitečnými funkcemi editoru

Podívejte se, jaké skvělé funkce náš editor nabízí, a jak je využít pro přípravu ještě krásnějších šablon jako od profíka.

Andrea Fuxova avatar
Autor: Andrea Fuxova
Aktualizováno před více než týdnem

V aplikaci Ecomail máte k dispozici náš skvělý drag & drop editor, pomocí kterého můžete vytvářet krásné šablony newsletterů opravdu snadno.

V tomto článku se podíváme na:

  • užitečné funkce a možnosti nastavení šablony

  • výjimky, ke kterým může u některých funkcí docházet

TOP FUNKCE, KTERÉ BYSTE NEMĚLI PŘEHLÉDNOUT:

NASTAVENÍ ŠABLONY

1. Nastavení tzv. neviditelného preheaderu

Preheader nemusí být součástí obsahu e-mailu, ale můžete jej přidat jako tzv. neviditelný preheader do pole "Text pro náhled".


2. Nastavení vlastní šířky newsletteru

Vlastní šířku newsletteru můžete jednoduše nadefinovat, a to v rozmezí od 320 do 1920 pixelů.

⚠️ Upozornění:
Doporučovaná šířka je šablony newsletteru je stále 600 pixelů. Zákazníci využívají různé e-mailové klienty od Seznam.cz, Gmail, Outlook atd., které mají odlišná menu a toolbary, jež mohou překrýt váš obsah. Šířka okolo 600 pixelů minimalizuje dopad těchto překrytí.

3. Bohté možnosti přednastavení nadpisů a textů

Kromě velikosti a fontů pro nadpisy H1, H2, H3 a běžné texty lze také zadat další možnosti nastavení:

  • tloušťky, kurzívy

  • transformace (všechna velká či malá písmena, první písmena velká)

  • podtržení, přeškrtnutí, apod.

  • odsazení jednotlivých písmen

⚠️ Upozornění:
Ne všichni poštovní příjemci akceptují všechny fonty a mohou je tedy zobrazovat rozdílně oproti nastavení v editoru.

STRUKTURA ŠABLONY

1. Automatické nezalomování sloupců na telefonu

Zobrazení na mobilních telefonech je standardně nastaveno tak, že se sloupce automaticky skládají pod sebe, aby se přizpůsobily obrazovkám mobilních telefonů.
Pokud však bloky chcete mít zachované vedle sebe i na mobilech, můžete si aktivovat funkci "Nezalamovat sloupce na mobilu".

2. Možnost přidat ohraničení struktury

3. Možnost skrýt celou strukturu na telefonu i na desktopu

⚠️ Upozornění na výjimky:

Někteří poštovní klienti nemusí reagovat/respektovat nastavení šablony newsletteru z našeho editoru, protože některé funkce nepodporují. Níže naleznete, k jakým rozdílům může ve výsledných rozesílkách docházet a jakých e-mailových schránek se tyto výjimky týkají:

  • Editor umožňuje nastavení skrytí obsahu nejen na mobilních zařízeních, ale také na desktopu. V případě, že si u vybrané struktury nastavíte skrytí pro desktop, však bude toho nastavení ignorováno u poštovních příjemců Centrum.cz, Volny.cz, Thunderbird a Outlook z důvodu jejich specifického nastavení, a obsah se na PC zobrazí.

  • Pokud e-mail otevíráte na telefonu v prohlížeči, mohou se e-maily zobrazit stejně jako na desktopu (neplatí pro mobilní poštovní aplikace - např. Gmail či Seznam e-mail, ve kterých je bráno v potaz, že je e-mail otevírán na mobilu).

  • V poštovním klientovi Thunderbird se při zobrazení na PC zobrazí newsletter jako by šlo o mobilní zařízení, a to u všech verzí před verzí 78.11.0.

4. Bohaté nastavení sloupců

Pro každý sloupec se dá individuálně nastavit barva pozadí, odsazení či okraje.

Kolem celé struktury i jednotlivých sloupců si můžete vytvořit rám, a tím je ohraničit samostatně ze všech stran. Styl, barva a tloušťka okrajů jsou jen na vás.

OBSAH ŠABLONY

Stejně jako strukturu, lze i pro jednotlivé obsahy aktivovat funkci "Skrýt na mobilu" a nově také "Skrýt na desktopu"

Obsah: TEXT

Pro úpravu textu máte k dispozici snadno ovladatelný textový editor, který umožňuje:

  • nastavit a měnit font či velikost písma

  • vložit pevnou nezalomitelnou mezeru ( )

  • vložit speciální znaky jako jsou různé měny, symboly, šipky apod.

  • využít bohatší nastavení číslování a odrážek

  • přidat merge tagy pro personalizaci šablony (základní i vlastní pole)

  • podtržení či přeškrtnutí vybraného textu

  • vložit barvu pozadí pro text (zvýraznění textu)

  • mazat formátování kopírovaného textu, nebo kopírovaný text vkládat i s přednastaveným formátováním

Obsah: OBRÁZEK

V této části na vás čekají tyto funkce:

  • pro přidání a práci s obrázky je vám k dispozici přehledný Správce souborů.

  • možnost nahrát obrázek z fotobanky Pexels, která nabízí více než 3 miliony fotografií k volnému použití

  • možnost editace obrázku v našem obrázkovém editoru

Obsah: GIF

  • Možnost přidat GIF z vlastního zdroje

Obsah: TLAČÍTKO

Tlačítko se ovládá a upravuje pomocí textového editoru a také nabízí tyto možnosti:

  • formátovat text stejne jako běžný textový blok

  • nastavit nejen vnější, ale i vnitřní odsazení textu

  • vložit merge tag

  • editovat kód tlačítka pomocí textového editoru

Obsah: MEZERA

  • Možnost přidat barvu pozadí mezery

Obsah: SOC. SÍTĚ

U ikon pro sociální média máte následující možnosti:

  1. nastavit libovolné odsazení ikon

  2. nastavit ikonu jako "Odkaz pro sdílení"

  3. přidat vlastní sociální síť (zvolíte vlastní název, ikonu a odkaz)

Obsah: VIDEO

  • Možnost vložit alternativní text jako u obrázků

Obsah: PRODUKT

  • Možnost nahradit a použít jiný obrázek než je ve feedu (a také jej libovolně upravit v obrázkovém editoru)

  • Kromě zlevněné ceny je možné přidat i Cenu před slevou (původní nezlevněnou cenu produktu)

⚠️ Upozornění:
Cena před slevou se v produktovém bloku zobrazí pouze v případě, pokud se v xml produktovém feedu nachazí validní parametr "price_before".

Tato cena nefunguje u Google Merchant a ani u Heureka feedu z Shoptet, který tuto informaci do feedu nepřidává.

Obsah: CAROUSEL

Díky carouselu můžete vložit galerii více obrázků, mezi kterými si vaši příjemci budou moci listovat.

V poštovní schránce příjemce se poté carousel zobrazí takto:

Obdobně jako u ostatních bloků v levém menu naleznete nastavení carouselu jako je např. viditelnost miniatur, styl a velikost šipek pro posun mezi obrázky, odsazení a vzhled obrázků při přejetí myší.

⚠️ V poštovních klientech, kteří funkci šipek u Caroueslu nepodporují se šipky nezobrazí. Mezi obrázky můžete i nadále překlikávat jejich výběrem ve spodní liště.

Můžete se také podívat na webinář, ve kterém detailně popisujeme náš editor e-mailových šablon a jeho funkce:

Dostali jste odpověď na svou otázku?