Kompletní průvodce tvorbou e-mailů v AI Email Editoru. Pokud jste s editorem ještě nepracovali, přečtěte si nejdřív AI Email Editor (Beta).
Doporučený pracovní postup
Vyberte šablonu – začněte s předpřipravenou šablonou nebo od nuly
Nahrajte logo – přiložte logo a požádejte AI o jeho přidání do hlavičky
Upravte strukturu – přidejte nebo odeberte sekce podle potřeby
Nastavte barvy – změňte barevné schéma na vaše firemní barvy
Přidejte bannery – nahrajte promo grafiky nebo nechte placeholdery na později
Dolaďte detaily – upravte texty, odsazení, velikosti fontů
Vygenerujte překlady – v modalu Překlady klikněte na „Doplnit chybějící"
Nastavte lokalizované obrázky – v modalu Obrázky nahrajte verze pro různé jazyky
Otestujte – odešlete testovací e-mail a zkontrolujte ve všech scénářích a jazycích
Jak komunikovat s AI
Začněte s jasnou představou
Než začnete psát, ujasněte si:
Jaký typ e-mailu vytváříte? (oznámení o odeslání, potvrzení objednávky...)
Jaký styl chcete? (minimalistický, barevný, prémiový...)
Jaké informace jsou nejdůležitější? (tracking číslo, stav doručení...)
Buďte konkrétní
Porovnejte tyto dva požadavky:
Špatně: „Udělej to hezčí"
Dobře: „Použij gradient pozadí od světle modré (#e0f2fe) po bílou, přidej jemné stíny k tlačítkům a zvětši hlavní nadpis na 28px"
Postupujte krok po kroku
Nesnažte se udělat vše najednou:
Nejdřív vytvořte základní strukturu
Pak upravte jednotlivé sekce
Nakonec dolaďte detaily (barvy, fonty, odsazení)
Používejte reference
AI zná styl populárních značek:
„Udělej to v stylu Amazonu"
„Inspiruj se e-maily od Apple"
„Podobný styl jako má Alza"
Ptejte se AI na možnosti
„Jaká data z objednávky mohu zobrazit?"
„Jaké sekce jsou v tomto e-mailu?"
„Jak mohu zobrazit různý obsah pro různé stavy doručení?"
Práce s obrázky
Zástupné obrázky (placeholdery)
Když požádáte AI o přidání loga, banneru nebo jiného obrázku a nepřiložíte vlastní obrázek, AI použije zástupný obrázek (placeholder). To vám umožní vidět, jak bude sekce vypadat, a obrázek nahradit později.
Příklad:
„Přidej do hlavičky místo pro logo" → AI vytvoří sekci s placeholder obrázkem
„Přidej do hlavičky moje logo" + přiložený obrázek → AI použije váš obrázek přímo
Nahrazení placeholderu
Placeholder můžete nahradit kdykoli:
Nahrajte obrázek do chatu (přetažením nebo Ctrl+V)
Napište: „Nahraď placeholder logo tímto obrázkem"
Práce s bannery
Bez obrázku: „Přidej promo banner pod hlavičku" → AI použije placeholder
S obrázkem: „Přidej tento banner pod hlavičku" + přiložený obrázek → AI použije váš banner
Obrázky podle jazyka
Pokud máte obrázky s textem (bannery, promo grafiky), můžete nastavit různé verze pro různé jazyky.
Jak na to:
Všechny obrázky, které nahrajete do šablony, se automaticky objeví v modalu Obrázky
Klikněte na tlačítko Obrázky v horní liště editoru
U každého obrázku nastavte různé verze pro každý jazyk
Při odeslání e-mailu se automaticky použije správná verze podle jazyka zákazníka
Příklad:
Máte banner „Doprava zdarma nad 1000 Kč". V modalu Obrázky nahrajete anglickou verzi „Free shipping over €40" a německou „Kostenloser Versand ab 40€". Zákazník pak automaticky uvidí banner ve svém jazyce.
Překlady
AI vytváří šablonu se speciálně označenými texty, které lze přeložit. Překlady se nevytvářejí automaticky – musíte je vygenerovat v modalu Překlady.
Postup:
Vytvořte/upravte šablonu pomocí AI
Klikněte na tlačítko Překlady v horní liště
Uvidíte přehled: celkem textů, chybějících, zastaralých
Klikněte na Doplnit chybějící pro překlad nových textů
Po změně původních textů klikněte na Aktualizovat zastaralé
Jednotlivé překlady můžete také upravit ručně
Důležité: Po každé změně šablony nezapomeňte zkontrolovat a aktualizovat překlady.
Import existujícího designu
Screenshot jako inspirace
Udělejte screenshot e-mailu, který se vám líbí
Přetáhněte obrázek do chatu nebo použijte Ctrl+V
Napište: „Vytvoř e-mail podobný tomuto, ale s naším brandingem."
Import HTML kódu
Uložte HTML kód existujícího e-mailu do souboru
Přiložte soubor k chatu
Napište: „Převeď tento e-mail do editovatelné šablony."
Kombinace více designů
Nahrajte screenshoty několika e-mailů
Napište: „Zkombinuj nejlepší prvky – hlavičku z prvního, produkty z druhého, patičku z třetího."
Příklady požadavků
Vytvoření šablony
„Vytvoř moderní e-mail pro oznámení o odeslání. Minimalistický design, bílé pozadí. V hlavičce místo pro logo, pod ním velké tracking číslo a stav doručení, sekce s adresou a tlačítko pro sledování zásilky. Modrá #2563eb pro tlačítka."
Přidání banneru
S placeholderem: „Přidej promo banner pod hlavičku"
S obrázkem: „Přidej tento banner pod hlavičku" + přiložený obrázek
Podmíněný obsah
„Uprav hlavní zprávu podle stavu doručení:
- Na cestě: ‚Vaše zásilka je na cestě!'
- Doručeno: ‚Vaše zásilka byla doručena!'
- Na výdejním místě: ‚Zásilka čeká na vyzvednutí'"
Výdejní místa
„Pokud jde o doručení na výdejní místo, zobraz pod adresou název výdejního místa a otevírací doby."
Produkty z objednávky
„Přidej sekci s produkty. U každého obrázek vlevo (60x60px), vpravo název, varianta a cena. Pod seznamem mezisoučet, doprava a celková cena."
Řešení problémů
Výsledek není podle očekávání
Buďte konkrétnější: „Tlačítko je moc malé, zvětši ho na 48px"
Zeptejte se: „Co přesně jsi změnil?"
AI mění věci, které nemá
Specifikujte: „Změň pouze barvu tlačítka, nic jiného neměň"
Odkažte na sekci: „V sekci s adresou změň font na Arial"
AI nerozumí
Přeformulujte požadavek jednodušeji
Rozdělte na menší požadavky
Přiložte obrázek jako referenci
Generování trvá dlouho
Při vytváření od nuly může trvat i minutu – to je normální. Menší úpravy jsou rychlejší (několik sekund).
Omezení
Interaktivní prvky – e-maily nemohou obsahovat formuláře, JavaScript ani animace
Vlastní fonty – e-mailové klienty podporují jen základní fonty (Arial, Georgia, Verdana...)
Složité layouty – kvůli kompatibilitě jsou možnosti rozložení omezené
Data mimo Retino – AI má přístup pouze k datům v systému Retino
Potřebujete pomoc?
Kontaktujte nás přes chat v pravém dolním rohu nebo napište na [email protected].