Magic editor

• 1. Obecné - první kroky, vytvoření kampaně a orientace v editoru
• 2. Struktury
• 3. Prvky
• 4. Skriptování
• 5. Feedy
• 6. Vlastní prvky
• 7. Patička e-mailu
• 8. Jak pracovat s dark mode

Jak vytvořím novou kampaň?

Co najdu v horní liště editoru?

Jak přepnout zobrazení light mode / dark mode?

Jak přepnout zobrazení desktop / mobil?

K čemu slouží "ozubené kolečko"?

K čemu slouží "tři tečky"?

Jak kampaň uložím?

Co najdu v levé části editoru?

Co najdu v pravé části editoru?

Nastavení řádky

Nastavení sloupce

Nastavení prvku

Kampaň (e-mail) si můžete vytvořit v našem Magic editoru.

VYTVOŘENÍ KAMPANĚ (E-MAILU):

V menu klikněte na Kampaně - E-maily - Vytvořit nový e-mail - Použít magic editor.

Můžete zvolit jednu z předpřipravených šablon, které jsou k dispozici:

Případně si vytvořte zcela novou šablonu či využijte jednu z vašich, již vytvořených šablon.

Po najetí se uprostřed objeví tlačítko "Vytvořit šablonu".

Klikněte a budete přesměrováni do samotného editoru. Můžete začít tvořit svou kampaň v Magic editoru.

HORNÍ LIŠTA:

LOGO

Po kliknutí na logo SmartEmailing na vás vyskočí pop-up okno pro zadání názvu šablony, předmětu e-mailu a preheaderu, pokud jste tak ještě neučinili.

Název šablony je interní, příjemce jej neuvidí.

Předmět e-mailu vidí příjemce v e-mailové schránce.

Preheader je část textu za předmětem e-mailu pro upřesnění či rozšíření předmětu, avšak po kliknutí na e-mail v e-mailové schránce již není vidět.

Stejně tak můžete kliknout hned vedle loga:

Pokud kliknete na Název e-mailu či Předmět, vyskočí vám stejné pop-up okno pro zadání zmíněného.

ŠIPKY

Na liště můžete vidět dvě šipky - tam a zpět. Lze se tedy vrátit v úpravách o krok zpět, ale i vpřed.

HISTORIE ÚPRAV

Na horní liště naleznete ještě historii úprav:

Po rozkliknutí šipky se vám vpravo zobrazí historie úprav.

Jakmile kliknete na vybraný bod na časové ose, ukáže se vám verze, která byla v tu chvíli platná. Pokud ji chcete zvolit, klikněte na Použít verzi a tím ji aktivujete. Případně se můžete kdykoli vrátit na aktuální verzi (aktuální verze je poslední uložená verze). Dokud máte otevřenou historii uložení, nejde nic dalšího editovat ani ukládat.

REŽIM - SVĚTLÝ A TMAVÝ (DARK MODE)

Můžete si překlikávat mezi světlým a tmavým režimem, abyste viděli, jak uvidí e-mail ostatní, kteří Dark Mode režim používají. Nejprve je však třeba povolit Dark Mode režim. Je třeba kliknout na tlačítko Povolit dark mode.

Jakmile kliknete, můžete již následně volně překlikávat mezi režimy:

Výsledek:

Pokud byste chtěli Dark Mode zase vypnout, je třeba v nastavení opět odškrtnout:

DESKTOP / MOBIL

Můžete si také překlikávat vzhled kampaně na počítači nebo na mobilu.

OZUBENÉ KOLEČKO

Ozubené kolečko (nastavení) vás opět vyzve k překontrolování nastavení názvu , předmětu e-mailu a preheaderu.

TŘI TEČKY

Přes 3 tečky si můžete prohlédnout schéma - světlé/tmavé.

Dále si můžete odeslat náhled, otevřít náhled v nové záložce, resetovat styly šablony, spustit interaktivního průvodce nebo zavřít editor.

ULOŽIT

Přes tlačítko Uložit můžete jen uložit e-mail a následně si ho odeslat v Automatizaci. Pokud dáte uložit a odeslat, budete v původní (starší) části aplikace SmartEmailing (bez použití Automatizace).

LEVÁ ČÁST

Vlevo můžete vidět nabídku STRUKTURA a PRVKY.

Pokud prvky nevidíte, najeďte prosím myší na text + Nový element a panel se vám ukáže (struktura) a následně bude třeba scrollovat dolů na prvky.

Cokoli, co přetáhnete zleva se skládá z řádku - řádek je vždy roztažen do šířky 100% editoru. V řádku jsou vždy ještě sloupce. 1 řádek má v sobě tedy minimálně 1 sloupec.

Toto je 1 řádek/1 sloupec.

Ve sloupci může být např. text, obrázek, tlačítko atd. Zvolte tedy počet sloupců ze struktury, ale vždy se jedná o 1 řádek, dokud nepřidáte další.

Prvky se vkládají do struktury. Nejprve tedy zvolte strukturu (přetáhněte myší na plochu) a následně teprve prvky do polí struktury. Pokud zvolíte rovnou prvek, automaticky se vloží do pole editoru 1 řádek/1sloupec.

Takto vypadá např. struktura 1 řádek/3 sloupce:

Další strukturu (např. zase 1 sloupec) můžete dát jako samostatný řádek:

Nahoru - nad stávající řádek:

Dolů - pod stávající řádek:

Nebo pak dovnitř dané strukutury (do sloupce v řádku), kde je již prvek obrázek - nad obrázek nebo pod obrázek:

Do sloupce můžete vložit další sloupce (např. do prostředního sloupce vložíte další 2. Je však potřeba mít nejprve vložen v poli prvek (např. obrázek, pak teprve jdou vložit další sloupce a pod ně např. tlačítka).

PRAVÁ ČÁST

Celá řádka, sloupec i e-mail pak má také vlastní nastavení. Záleží, na jaké místo v editoru kliknete.

NASTAVENÍ

Veškeré nastavení vidíte ve sloupci vpravo:

• Nastavení celého e-mailu
• Nastavení řádky
• Nastavení sloupce
• Nastavení prvku (obrázku, textu, tlačítka, feedu, oddělovače, mezery, HTML atd.)

NASTAVENÍ CELÉHO E-MAILU

Pokud kliknete do prostoru nad prvky, dostanete se do nastavení Vzhledu e-mailu.

Pokud chcete získat právě tento panel, je třeba kliknout nahoru do prostoru:

V hlavním nastavení naleznete následující:

Hlavní nastavení - velikost e-mailu (šířka), odsazení e-mailu (horní, dolní, levé, pravé). V pokročilém nastavení následně naleznete odsazení řádku (horní, dolní, levé, pravé).

Př. horní odsazení řádku:

Př. levé odsazení řádku:

V pokročilém nastavení pak máte další nastavení (je třeba kliknout na šipku dolů a pokročilé nastavení se vám rozbalí).

V pokročilém nastavení naleznete Univerzální odsazení - řádky, sloupce nebo prvku. Všimněte si, že jakmile přenastavíte hodnoty, pod každou hodnotou se vám najednou zobrazí Reset.

Úplně na konci nastavení je ještě hromadné tlačítko Reset odsazení na výchozí nastavení, kdy se vyresetuje všechno nové nastavení naráz.

NASTAVENÍ ŘÁDKY

Pokud kliknete do prostoru řádky, ale mimo prvky a text, dostanete se do nastavení Vzhledu řádky.

Nastavení řádky pak uvidíte opět na pravé straně.

Jsou zde 3 záložky - obecné, sloupce, pokročilé.

OBECNÉ

Pod touto záložkou naleznete:

• nastavení pro desktop/mobil (zobrazí se, jak bude vypadat vzhled na desktopu nebo na mobilu);
• pořadí a šířka sloupců (změna pořadí sloupců, vyrovnání sloupců, přidání sloupců, mezera mezi sloupci, zarovnání sloupců);
• barva ( pozadí, vnějšího pozadí);
• odsazení (horní, levé, dolní, pravé);
• ohraničení (styl, šířka, barva).

SLOUPCE

Pod touto záložkou naleznete:

• nastavení pro desktop/mobil (zobrazí se, jak bude vypadat vzhled na desktopu nebo na mobilu);
• barva ( pozadí, vnějšího pozadí);
• odsazení (horní, levé, dolní, pravé);
• ohraničení (styl, šířka, barva).

POKROČILÉ

Pod touto záložkou naleznete:

• viditelnost prvku (pouze na telefonu, všude, pouze na desktopu)
• obalení prvku (script před prvkem, script za prvkem);

NASTAVENÍ SLOUPCE

Nastavení sloupce je myšleno nastavení sloupce jako struktury. Např. toto jsou 2 sloupce a můžete upravovat každý sloupec extra nebo upravit celou řádku.

NASTAVENÍ PRVKU

Všimněte si, že nad každým prvkem je název daného prvku a dole pod ním nastavení samostatného prvku, kopírování, mazání.

V nastavení tedy potom vidíte nastavení jednotlivého prvku:

• OBRÁZKU (obecné - odkaz na obrázek, odkaz po kliknutí, titulek (title), alternativní text (alt), velikost obrázku na desktopu a v mobilu, velikost, ohraničení, zaoblení; pozice - odsazení, zarovnání, nastavení pro desktop a mobil; pokročilé - viditelnost prvku ;
• TEXTU;
• TLAČÍTKA;
• ODDĚLOVAČE;
• MEZERY;
• FEEDU;
• HTML PRVKU;
• atd.

Nastavení se vysune po kliknutí na nastavení. Podle typu prvku, který zvolíte uvidíte na pravém boku Nastavení. Nikdy tedy neuvidíte Nastavení prvku, ale vždy konkrétního prvku - Nastavení obrázku, nastavení textu, nastavení tlačítka, atd.

Vždy však uvidíte záložku Obecné, Pozice a Pokročilé (v případě nastavení textu neuvidíte složku Obecné).