• Funkce
  • Služby
    • Bezpečnost e-mailingu
    • Partnerství s agenturami
    • Vzdělávání v oboru
    • Zviditelnění značky v inboxu
    • Doručitelnost
  • Podpora
    • Znalostní báze
    • API dokumentace
    • Blog
    • Dostupnost
    • BIMI inspektor
  • O nás
    • Kontakt
    • Pro média
    • Obchodní podmínky
    • Doporučení ochrany osobních údajů
    • Podmínky zpracování osobních údajů
  • Funkce
  • Služby
    • Bezpečnost e-mailingu
    • Partnerství s agenturami
    • Vzdělávání v oboru
    • Zviditelnění značky v inboxu
    • Doručitelnost
  • Podpora
    • Znalostní báze
    • API dokumentace
    • Blog
    • Dostupnost
    • BIMI inspektor
  • O nás
    • Kontakt
    • Pro média
    • Obchodní podmínky
    • Doporučení ochrany osobních údajů
    • Podmínky zpracování osobních údajů
  • Login
    EN CS
Mailkit logo
  • Funkce
  • Služby
    • Bezpečnost e-mailingu
    • Partnerství s agenturami
    • Vzdělávání v oboru
    • Zviditelnění značky v inboxu
    • Doručitelnost
  • Podpora
    • Znalostní báze
    • API dokumentace
    • Blog
    • Dostupnost
    • BIMI inspektor
  • O nás
    • Kontakt
    • Pro média
    • Obchodní podmínky
    • Doporučení ochrany osobních údajů
    • Podmínky zpracování osobních údajů
  • Funkce
  • Služby
    • Bezpečnost e-mailingu
    • Partnerství s agenturami
    • Vzdělávání v oboru
    • Zviditelnění značky v inboxu
    • Doručitelnost
  • Podpora
    • Znalostní báze
    • API dokumentace
    • Blog
    • Dostupnost
    • BIMI inspektor
  • O nás
    • Kontakt
    • Pro média
    • Obchodní podmínky
    • Doporučení ochrany osobních údajů
    • Podmínky zpracování osobních údajů
  • Login
    EN CS
EN CS
Login
  • Mailkit
  • Podpora
  • Znalostní báze
  • Vizuální tvůrce
  • Obsahové bloky a práce s nimi
  • Kampaně (16)
    Správa kampaní E-mailové kampaně Remarketingové kampaně Transakční kampaně Konfirmační kampaně SMS kampaně Obsah a personalizace kampaní Testování a náhledy kampaní Vkládání odkazů Pokročilé trackování odkazů Seznam systémových tagů AB testování kampaní Podmíněné doručení Nastavení rozesílání kampaní Správce souborů Správa anket
  • Scénáře (3)
    Správa scénářů Editor scénářů Nody
  • Příjemci (6)
    Správa seznamů příjemců Manuální import příjemců Přihlašovací formulář Engagement skóre Filtrování příjemců Odhlašování příjemců
  • Reporty (6)
    Souhrnné reporty Report kampaně Report rozesílky kampaně Report událostí Reporty příjemců Report doručitelnosti
  • Práce se šablonami (10)
    Šablony e-mailů Šablony uživatelského rozhraní Šablony micro-site Styly obsahu Použití funkcí data a času Logické podmínky Práce s daty Including a processing Plug-iny Filtry a funkce
  • Správa účtu (8)
    Můj účet Dvoufázové ověření (2FA) Datové zdroje Integrace Štítky a Témata SPF záznamy domény DMARC záznam domény Mailkit Cookies
  • Vizuální tvůrce (6)
    Jak Vizuální tvůrce pracuje Obsahové bloky a práce s nimi Moduly Smart elementy Podmíněné bloky Předpřipravené šablony
  • Kampaně
  • Scénáře
  • Příjemci
  • Reporty
  • Práce se šablonami
  • Správa účtu
  • Vizuální tvůrce
Správa kampaní E-mailové kampaně Remarketingové kampaně Transakční kampaně Konfirmační kampaně SMS kampaně Obsah a personalizace kampaní Testování a náhledy kampaní Vkládání odkazů Pokročilé trackování odkazů Seznam systémových tagů AB testování kampaní Podmíněné doručení Nastavení rozesílání kampaní Správce souborů Správa anket
Správa scénářů Editor scénářů Nody
Správa seznamů příjemců Manuální import příjemců Přihlašovací formulář Engagement skóre Filtrování příjemců Odhlašování příjemců
Souhrnné reporty Report kampaně Report rozesílky kampaně Report událostí Reporty příjemců Report doručitelnosti
Šablony e-mailů Šablony uživatelského rozhraní Šablony micro-site Styly obsahu Použití funkcí data a času Logické podmínky Práce s daty Including a processing Plug-iny Filtry a funkce
Můj účet Dvoufázové ověření (2FA) Datové zdroje Integrace Štítky a Témata SPF záznamy domény DMARC záznam domény Mailkit Cookies
Jak Vizuální tvůrce pracuje Obsahové bloky a práce s nimi Moduly Smart elementy Podmíněné bloky Předpřipravené šablony
Hledat

Obsahové bloky a práce s nimi

Vizuální tvůrce má svou vlastní hierarchii prvků. Můžeme začít od pruhů (Stripes) a postupovat sestupně, přes struktury a kontejnery až k blokům.

Všechny základní bloky jsou v editoru k dispozici v nabídce Obsah/Bloky.

Chcete-li některý z bloků použít, stačí jej přetáhnout do šablony a poté začít s úpravami.
 

  • Obrázek
  • Text
  • Tlačítko
  • Oddělovač
  • Video
  • Sociální sítě
  • Banner
  • Časovač
  • Menu
  • HTML
  • Karusel
  • Rozbalovačka
Obsahové bloky

ObrázekObrázek

Můžete vkládat obrázky ve formátu PNG, JPG nebo GIF. Existují tři způsoby, jak obrázek vložit:

1. Přetažení/nahrání obrázku

Obrázek můžete jednoduše přetáhnout ze složky ve vašem počítači, nebo jej vložit kliknutím do zóny pro přetažení obrázku a výběrem obrázku z vašeho počítače. 

Nahrání obrázku
2. Vložení externí URL

Pokud nemáte obrázek uložený v počítači, můžete do pole “Externí odkaz” vložit odkaz na obrázek uložený na vašem FTP serveru, nebo například ve Správci souborů v Mailkitu. 

Pokud chcete tento obrázek použít pouze jednou, v rozbalovací nabídce vyberte možnost „Ponechat jako externí odkaz“ (viz výše uvedený příklad) a klepněte na zaškrtávací políčko Ponechat jako externí odkaz/Leave as external link.

Vložení externí URL

Pokud se chystáte použít tento obrázek i pro jiné e-mailové kampaně, klikněte v rozbalovacím menu na „Stáhnout do galerie“ a potvrďte kliknutím naStáhnout do galerie/Download to the gallery. Obrázek bude vložen do galerie, odkud jej poté kliknutím můžete vložit do šablony.

3. Použít obrázky z galerie

Můžete využít obrázky, které jste si do galerie uložili dříve (viz předchozí 2 body).

Obrázky jsou v galerii řazeny podle data – od nejnovějšího po nejstarší. Pomocí lupyLupamůžete obrázky v galerii vyhledávat podle jejich názvu.

Pokud chcete vložit obrázek z galerie, stačí na něj kliknout a obrázek se automaticky vloží do vašeho e-mailu.

V dalším nastavení v levém menu pak můžete např.:

  • nastavit odkaz
  • přidat text, který bude vložen do atributů “title” a “alt”
  • nastavit zarovnání obrázku (kliknutí na ikonku telefonu lze nastavit zarovnání pro zobrazení v mobilním telefonu)
  • upravit velikost obrázku
  • nastavit okraje obrázku
  • a další
Použití obrázku z galerie

TextText

Textové pole opět do šablony/e-mailu vložíte přetažením bloku na místo, kam text chcete vložit.

V levém menu pak můžete upravit např.:

  • barvu písma i barvu pozadí textu
  • zarovnání odstavce (kliknutím na ikonu mobilu lze nastavit rozdílné zarovnání při zobrazení v mobilním telefonu)
  • výšku řádku
  • ohraničení textového pole
  • zobrazení/skrytí bloku na desktopu/v mobilu

Text lze editovat i pomocí horní nástrojové lišty.

Editace textu

Podpora psaní pomocí AI

K vytváření vašich textů můžete využít umělou inteligenci (AI), která vám pomůže s návrhy textů různých tónů a stylů. AI může na základě zadání vygenerovat celé texty, případně upravit vámi připravené texty. Vygenerování textů je velmi jednoduché.

Krok 1

Vložte do vašeho e-mailu textový blok a poté v levém menu pro editaci/nastavení formátu textu aktivujte AI kliknutím na tlačítko "Spuštění AI (umělé inteligence)".

Spuštění AI
Krok 2

Zadej úkol/požadavek pro AI generátor. Požadavek je potřeba zadat tak, aby vám AI mohla poskytnout relevantní text. Čím jasnější a podrobnější bude vaše zadání, tím přesnější a vhodnější text vám generátor poskytne. 

Jakmile máte zadání hotové, stačí kliknout na tlačítko "Poslat AI", kterým zahájíte generování textu.

Zadání požadavku na AI

Místo zadání konkrétního požadavku na vygenerování textu můžete využít i funkce pro vygenerování náhodného nadpisu (tlačítko "Generuj náhodný název") a náhodného textu (tlačítko "Generuj náhodný textový odstavec")

Krok 3

Pokud vám AI vygenerovaný text nevyhovuje, můžete jej upravit tak, jak potřebujete, případně můžete opětovným kliknutím na tlačítko "Poslat AI" vygenerovat text úplně nový.

Původně AI vygenerovaný text můžete optimalizovat také pomocí dalších AI funkcí, díky kterým můžete text zkrátit či prodloužit, přeložit do jiného jazyka, změnit tón textu a další.​​

Optimalizace textu pomocí AI

Úprava vlastního textu pomocí AI

Stejně jako s vygenerováním nového textu vám může AI pomoci i s úpravou vašeho textu. Postup je stejný jako při úpravě textu, který byl AI vygenerován. Tzn.:

Krok 1

Vyberte textový blok, který chcete pomocí AI upravit a klikněte na tlačítko "Spuštění AI (umělé inteligence)".

Spuštění AI
Krok 2

Vyberte, jak má být text upraven, tzn. zda má být zkrácen, prodloužen, nebo např. přeložen do jiného jazyka.

Úprava textu pomocí AI

-> v textovém poli přibude další záložka s názvem "Odpověď AI",  a tak můžete porovnat původní text s novým textem a případně kterýkoli z textů upravit. 

AI text vs. originál

Kliknutím mimo textové pole poté bude v kampani použitý text ze záložky (Originální/Odpověď AI), které byla v daný okamžik aktivní.

Finální text

TlačítkoTlačítko

Po přetažení bloku do šablony můžete v levém menu vyplnit URL tlačítka a jeho text. Všechna ostatní nastavení vycházejí z defaultního nastavení definovaného v menu Vzhled –> Tlačítko. 

Parametry je samozřejmě možné upravit. Pokud na jiném místě šablony vložíte další tlačítko, opět bude nastaveno s výchozími parametry.

Pokud některé parametry nejsou aktivovány v menu Vzhled –> Tlačítko (například zvýraznění/změna barvy tlačítka při najetí myší), při editaci tlačítka s nimi poté není možné pracovat.

Tlačítko – editace

OddělovačOddělovač

Dynamický oddělovač –> oddělovač bez linky, v šabloně si pak pouhým tahem myši můžete jeho výšku jednoduše upravit. 

Dynamický oddělovač

Pokud není nastaven dynamický oddělovač, můžete nastavit např.:

  • parametry linky (výšku, styl, barvu)
  • šířku linky (v procentech ze šířky bloku)
  • zarovnání (lze rozdílně definovat pro zobrazení v mobilních telefonech)
  • ohraničení
Oddělovač – editace

VideoVideo

Video do vašeho e-mailu můžete vložit dvěma způsoby:


1) Vložením URL odkazu na vaše video

Jedná se o způsob, který funguje ve všech e-mailových klientech i na všech zařízeních. V levém menu stačí vložit link na video, případně vyplnit pole pro atributy “Alt” a “Title” – automaticky vložen jejich název, text je samozřejmě editovatelný. Dále můžete nastavit např.:

  • styl šipky přehrávače
  • zarovnání a rozměry videa
  • ohraničení

2) Embedované (vložené) video

Takto vložená video se přehrávají přímo v e-mailech. Příjemci tedy nejsou přesměrování na jiné webové stránky, aby si mohli video prohlédnout.

NIcméně použití tohoto způsobu má značná omezení – většina e-mailových klientů tento způsob nepodporuje. Aktuálně je podporován pouze v Apple Mail, nativním iOS mail, Thunderbirdu a Outlooku pro Mac.

Jak video vložit:

  • vložte do šablony HTML blok
  • v šabloně klikněte na “Insert your HTML in the code editor”, čímž dojde k otevření editoru kódu
  • v editoru místo “Insert your HTML in the code editor” vložte kód pro video. Kód může vypadat třeba takto:
<video class="adapt-img" controls="controls" poster="https://www.mailkit.com/video/nahled_600x300.jpg" width="100%" height="313"> 
<source src="https://www.mailkit.com/video/video_600x300.mp4" type="video/mp4"> 


<!-- fallback -->

<a href="https://vimeo.com/mailkit" class="esd-frame-element esd-hover-element esdev-disable-select"><img class="adapt-img" src="https://www.mailkit.com/video/nahled_600x300.jpg" alt="" width="600" height="300"></a> 
</video>
Video – editace

controls: zobrazí ovladače videa v klientech, které ovládání podporují
poster: URL náhledového obrázku videa
source src: URL vkládaného videa

První část kódu (nad “fallback”) je určena pro příjemce, jejichž zařízení a e-mailoví klienti vložení videa podporují.

Druhá část kódu (pod “fallback”) je pak určena pro ty, jejichž e-mailoví klienti embedovaná videa nepodporují –> tito příjemci jsou přesměrováni na Vimeo (případně jakýkoli jiný web hostující video).

Použitím tohoto kódu zajistíte, že všichni vaši příjemci uvidí video, které s nimi chcete sdílet.
 

TIP: Přečtěte si článek o videu v e-mailu na našem blogu!

Sociální sítěSociální sítě

Po přetažení bloku do šablony můžete v další editaci v levém menu přizpůsobit blok s odkazy na vaše sociální sítě dle vašich představ. Ve výchozím nastavení jsou vloženy 4 ikony. Pokud potřebujete více ikon, stačí kliknout na tlačítkoPřidat sociální síť. Můžete si vybrat z velkého množství stylu ikon a tří velikostí (24 px, 32 px a 64 px).

Sociální sítě – volba ikon

Po rozbalení dalšího nastavení můžete u každé z ikon nastavit:

  • odkaz na profil na sociální síti
  • vložit nadpis
  • vložit “Alt” text
Sociální sítě – editace

Samozřejmě i zde můžete nastavit zarovnání bloku (případně rozdílně pro zobrazení v mobilních telefonech) či ohraničení. Jednoduchým způsobem nastavíte odsazení mezi ikonami.

Odsazení mezi ikonami

BannerBanner

Po přetažení bloku do šablony a vložení obrázku, můžete provádět další úpravy:

  • vybrat část obrázku, která bude v banneru použita (pokud je potřeba)
  • nastavit orientaci obrázku – lze zvolit mezi vertikální, čtvercovou a horizontální (nejoblíbenější typ)
  • můžete na obrázek aplikovat barevné filtry
  • vložit URL odkazu a alternativní text (alt)

Pokud potřebujete umístit jakýkoliv text na obrázek banneru, klikněte na tlačítkoTextna horním panelu nástrojů. Jakmile je tlačítko aktivní, můžete do banneru nakreslit textové pole na místo, kam má být finální text vložen. Po umístění textové pole se do něj vloží defaultní text “Popisek”, který můžete dále editovat a vložit místo něj vlastní text. Pomocí nástrojů v horní liště můžete nastavit parametry textu (velikost, barvu, font a další).

Na banner můžete umístit další obrázek. Může to být cokoli, co se vám líbí: nálepka, rámeček, logo…

Banner – editace

ČasovačČasovač

Pro zefektivnění kampaní můžete do e-mailu vložit odpočet.

Po přetažení bloku do šablony e-mailu můžete dále nastavit např.:

  • datum a čas ukončení odpočtu
  • časové pásmo
  • nastavit barvu pozadí odpočtu
  • velikost a barvu číslic
  • pokud chcete, aby příjemci viděli, kolik dní zbývá, přepněte tlačítko „Display days“. Jinak uvidí jen hodiny, minuty a vteřiny. Je snažší vnímat „5 dní a 20 hodin“ než „140 hodin“
  • oddělovač hodnot – ve výchozím nastavení je použita dvojtečka
  • zobrazení štítků pro čísla (“dny”, “hodiny”, “minuty”), můžete změnit v jakém jazyce se zobrazí

Můžete také nahrát obrázek, který se příjemcům zobrazí poté, co čas odpočtu vyprší, čímž příjemce jasně informujete, že kupón/nabídka vypršel(a) a již nelze využít.

Časovač – editace

MenuMenu

Po vložení bloku do e-mailu se menu zobrazí ve výchozím vzhledu – tzn. zobrazí se 3položkové menu. Přidat další položky je možné kliknutím na tlačítko “Přidat položku menu”, které je umístěno úplně dole v menu pro editaci bloku “Menu”

Dále můžete nastavit:

  • zda se položky v menu zobrazí jako linky (text), nebo jako ikony (obrázky), nebo kombinace obou typů (v tomto případě si pak můžete vybrat uspořádání ikon a textů)
  • oddělení položek menu – styl, barvu…
  • styl textu položek menu
  • barvu odkazů (defaultně je nastavena barva, která vychází z nastavení v menu Vzhled –> Pruhy –> Barva odkazu)
  • ohraničení (horní a dolní)
  • u každé položky můžete nastavit:
    • text
    • ikonu (pokud je nastavena)
    • URL linku a jeho barvu (pokud má být odlišná od defaultního nastavení)
    • barvu pozadí
    • zobrazení na desktopu/v mobilním telefonu
Menu – editace

HTMLHTML

Po vložení bloku do šablony e-mailu klikněte na “Vložte HTML do editoru kódu” –> otevře se vám editor, kam můžete vložit svůj kód a dále s ním pracovat.

HTML blok – editace

KaruselKarusel

Pro vytvoření karuselu přetáhněte blok do šablony, a pak už stačí jen přidat potřebný počet slidů/obrázků. Protože AMPHTML zatím podporuje minimum providerů (Google, Yahoo..), doporučujeme vždy myslet na záložní variantu pro příjemce, jejichž provider AMPHTML nepodporuje – tzn. kontejneru přidat například obrázek a přiřadit zobrazení pouze v HTML verzi (tím pádem zůstane skryté v AMPHTML verzi – těmto příjemcům by se jinak zobrazil karusel i tento záložní obrázek)

Karusel

AMP - RozbalovačkaRozbalovačka

Rozbalovačka je užitečná komponenta, pokud chcete skrýt/zobrazit velké množství obsahu. Umožňuje příjemcům nahlédnout do osnovy obsahu a přejít na kteroukoli sekci, čímž například snižuje potřebu rolování na mobilních zařízeních.

Pro vytvoření přetáhněte blok do šablony. Můžete nastavit pozadí, orámování či barvu a velikost fontu písma. Kliknutím na tlačítko “Přidat sekci” přidejte potřebný počet sekcí a naplňte je obsahem. 

Rozbalovačka

Kontaktujte nás

Dejte nám vědět, jaké máte v e-mailingu cíle a my pro vás vymyslíme vhodný plán.

+420 277 001 800
sales@mailkit.com


Zpracování údajů poskytnutých v tomto formuláři se řídí Podmínkami pro zpracování osobních údajů.

Povinné
Povinné
Povinné
Mailkit logo

Česká e-mailingová platforma s vlastní infrastrukturou a jednička v zahraniční rozesílce.

 

  • Funkce
  • Služby
  • Podpora
  • O nás

služby

  • Bezpečnost e-mailingu
  • Partnerství s agenturami
  • Vzdělávání v oboru
  • Zviditelnění značky v inboxu
  • Doručitelnost

Podpora

  • Znalostní báze
  • API dokumentace
  • Blog
  • Dostupnost
  • BIMI inspektor
Logo Maawg
Logo Experience
Logo CSA
Logo Signal spam
Logo ISO-27001
Logo ISO-9001
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
© 2006-2022 Mailkit - All rights reserved