Dotáhněte své e‑mailové šablony k dokonalosti díky novému drag & drop editoru

Nejste grafik ani programátor? To vůbec nevadí, v našem novém editoru zvládne připravit úžasný vizuál newsletteru každý.

Princip sestavování newsletteru je podobný jako u původního editoru. Do šablony si snadno přidáte jakýkoliv obsah, ať už jde o text, obrázek, gif, video či celý produktový blok, a vše si poskládáte a upravíte k obrazu svému. Pokud jste s žádným drag & drop editorem doposud nepracovali, doporučujeme se nejdříve podívat na naši nápovědu a video návod, které vám práci s editorem blíže osvětlí.

Podívejte se na webinář, který vás naučí pracovat v novém editoru

Pojďme se podívat na nové možnosti nastavení, které editor umožňuje, a na to, jak je efektivně využít.

S přípravou šablony doporučujeme začít v záložce Nastavení, kde si definujete výchozí formátování pro celou šablonu, ať už jde o barvu pozadí šablony, tlačítek a odkazů, nebo třeba šířku řádkování a přednastavení všech fontů, nadpisů a textů, které budete v šabloně používat.

Preheader je text, který se v poštovní schránce příjemce zobrazuje hned za předmětem a společně s ním motivuje příjemce k otevření mailu. Určitě na něj nezapomeňte!

Do této chvíle byl brán jako preheader první text, který se nacházel přímo v šabloně.
V novém editoru však již nemusí být preheader součástí obsahu e‑mailu, ale můžete jej přidat jako tzv. neviditelný preheader do pole text pro náhled. 

Další novinkou je nastavení vlastní šířky newsletteru. Už nemusíte být limitováni přednastavenou šířkou 600 pixelů, ale můžete si nadefinovat vlastní, a to v rozmezí od 320 do 1920 pixelů. 

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.

• o d s a z e n í jednotlivých písmen 

Každý newsletter se skládá ze struktur, které jsou kostrou celé šablony, a je jen na vás, jak si šablonu poskládáte. 4 nově připravené varianty struktur pomohou nastavit ještě poutavější rozložení obsahu.

Kromě přidání nových funkcí jsme vylepšili uživatelské rozhraní. V rámci nového UI snáze vložíte i posunete jednotlivé struktury a jakýkoliv obsah.


Strukturu ani obsah již nemusíte do šablony přetahovat z levého menu, ale jednoduše je také přidáte v okně, které se vám automaticky otevře po kliknutí na PLUS u vybraného pole/struktury. Umístění pak ovládáte pomocí ŠIPEK.

Kolem celé struktury si můžete vytvořit rám, a tím ji ohraničit samostatně ze všech stran. Styl, barva a tloušťka okrajů jsou jen na vaší fantazii.

Pro každý blok si lze individuálně nastavit barvu pozadí, zaoblení, odsazení, ohraničení, a tím jednotlivé části pěkně odlišit.

E‑maily se už dávnou nečtou jen na PC, takže je důležité zaměřit se na to, aby šablona vypadala co nejlépe i na mobilu. To znamená, že je potřeba vytvářet responzivní newslettery, které přizpůsobí zobrazení menším displejům tabletů a mobilů. Responzivitu vašeho newsletteru si můžete vždy zkontrolovat v náhledu. Novou možností vylepšení je nastavení rozdílného obsahu pro telefony a počítače. 

Pomocí nového editoru si nyní můžete nastavit rozdílný obsah pro různá zařízení.

Pro mobil je například lepší mít šablonu kratší, a některé texty na něm tedy nemusíte zobrazovat. U vybraných částí e‑mailu tedy můžete deaktivovat zobrazení na mobilu a šablonu tím pro tato zařízení zkrátit. Stejně tak si můžete nastavit dva různé obsahy a jeden skrýt pro PC a druhý pro telefony.

V rámci responzivity se u šablon automaticky upravuje jejich velikost či umístění obrázků a textů. E‑maily lze tedy dobře přečíst nehledě na zařízení, na kterém jsou otevírány. Například na obrazovce mobilu nemusíte mžourat na drobný text napěchovaný do malého prostoru.

Zobrazení je standardně nastaveno tak, že se bloky automaticky skládají, aby se přizpůsobily obrazovkám mobilních telefonů. Konkrétně řečeno se v mobilní verzi původní vodorovné sloupce skládají svisle pod sebe, což je samozřejmě žádoucí nastavení, jak jsme již zmínili výše.

V některých případech je však zbytečné, aby se obsah na mobilu zarovnával pod sebe, a pokud jej skutečně chcete mít zachovaný vedle sebe, máte nyní možnost vypnout automatické zalamování textu (řazení bloků pod sebe na mobilních zařízeních). 

A nyní to nejdůležitější, což je obsah samotného e‑mailu. Šablonu a jednotlivé struktury je třeba naplnit texty, obrázky a dalším obsahem. Jaké přibyly novinky?

Nejste si jisti, co vše by měla správně šablona newsletteru obsahovat a jak by měla být poskládána? Podívejte se na náš článek Checklist pro Vaši kampaň, který obsahuje část s názvem Anatomie e‑mailu >>

Pro úpravu textu máte k dispozici nový textový editor, který vám intuitivním způsobem pomůže upravit každý text:

• V této liště si můžete jednoduše nastavit a měnit font či velikost písma.

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

Pro přidání a práci s obrázky je vám k dispozici nový Správce souborů. Dle vaší preference můžete pracovat s tabulkovým nebo dlaždicovým náhledem. Pro snazší přehled si lze vytvářet složky a obrázky si do nich třídit.

Kromě vložení vlastního obrázku máte nyní k dispozici i skvělou funkci přidání obrázku z Pexels, což je bezplatná fotobanka, která nabízí více než 3 miliony fotografií k volnému použití. Do vyhledávacího pole stačí zadat klíčové slovo obrázku, který chcete najít, a z nabídnutého výběru si pak zvolíte ten pravý pro vás (včetně požadované velikosti). 

Pro úpravu obrázků už nebudete potřebovat žádné grafické nástroje díky novému obrázkovému editoru. Náš online editor je opravdu pro každého a zahrnuje vše, co potřebujete pro úpravu obrázků či fotografií – rychle a bez námahy. Základní nastavení jako je ořez fotografie či úprava velikosti jsou samozřejmostí, editor je však vybaven spoustou dalších skvělých funkcí jako použití efektů či filtrů, vylepšení jasu a barevnosti, možností přidávat samolepky a vkládat texty přímo do obrázku.

Chcete šablonu mailu oživit vaším vlastním gifem? Doposud šlo vložit odkaz na gif pouze ze stránky giphy.com, nyní však můžete přidat i gif z vašeho vlastního zdroje. 

Nyní si můžete naformátovat text tlačítka stejně jako textový blok. Nastavení tlačítka se nyní ovládá také pomocí samostatného textového editoru a máte tak možnost si jej naformátovat, jak se vám bude líbit.

Nestačí vám naše nabídka přednastavených ikon na sociální média? Máte své vlastní, které byste rádi do šablon vložili? V novém editoru si můžete přidat vlastní ikony na sociální sítě (zvolí se vlastní název, ikona a odkaz) a nastavit si mezi nimi libovolné odsazení.  

Poskládejte si produktovou šablonu bez námahy a produkty vkládejte přímo z produktového feedu. Nemusíte pak jednotlivé obsahy (název produktu, popisek, cenu či obrázek) kopírovat z webu a vkládat do šablony po jednom. Každou ze zmiňovaných částí produktu si nyní ještě lépe přizpůsobíte pomocí rozšířeného nastavení. 



U produktu již není pole jen pro jednu, ale rovnou pro dvě ceny – tedy původní i zlevněnou.
A pokud se vám do šablony zrovna nehodí obrázek, který máte nastavený ve feedu, nevadí. Obrázek produktu si můžete vyměnit a upravovat jako kterýkoliv jiný.

Nyní už víte vše potřebné pro práci s novou verzí editoru, tak hurá do toho!  Zde najdete více informací o tom, jak si můžete nový editor zapnout.
Pevně věřím, že se vám s ním bude pracovat tak dobře jako nám a budeme rádi, pokud se s námi o vaše zkušenosti podělíte a napíšete nám na náš chat, jak se vám líbí a co bychom mohli dále vylepšit.