Vizuální editor cookie banneru
Vytvořte lištu, která ladí s vaším webem
Drag-and-drop editor pro cookie banner. Barvy, fonty, pozice, texty - vše bez kódu. Živý náhled změn a responzivní design bez Dark patterns.
Perfektní na všech zařízeních
Editor obsahuje náhled pro desktop, tablet i mobil. Banner se automaticky přizpůsobí velikosti obrazovky a vypadá skvěle všude.
- Živý náhled změn
- Přepínání mezi zařízeními jedním klikem
- Automatická optimalizace pro mobily
- Testování různých rozlišení
Proč na designu banneru záleží víc, než si myslíte
Cookie banner je první věc, kterou návštěvník na webu uvidí. Pokud je nepřehledný, agresivní nebo vypadá jako patch z jiného desetiletí, snižuje důvěru ještě dřív, než si stačí prohlédnout obsah. Mnoho českých webů má banner, který si stáhli jako šablonu v roce 2019 a od té doby ho nikdo nepřizpůsobil — to je problém jak z hlediska konverze, tak z hlediska souhlasu podle GDPR.
Vizuální editor Consentio je postaven tak, aby splňoval dvě pravidla současně: musí vypadat dobře a musí být právně v pořádku. Pokyny EDPB 03/2022 o klamavých vzorech (dark patterns) explicitně zakazují skryté tlačítko „Odmítnout", nečitelný kontrast, vícekrokové zamítnutí nebo přednastavená políčka. Designer všechny tyto situace neumožní vytvořit — barvy mají kontrolu kontrastu a tlačítko „Odmítnout" má vždy stejnou váhu jako „Přijmout vše".
Současně dáváme tvůrcům webů plnou kontrolu nad značkou. Banner se může chovat jako přirozené pokračování designu webu, ne jako rušivý cizí prvek. Z analytiky našich zákazníků víme, že banner ladící s vizuálem webu má v průměru o 12 % vyšší míru souhlasu se všemi cookies — a to bez jakýchkoli klamavých technik.
Jak vizuální editor funguje
Od registrace k nasazenému banneru za méně než 10 minut. Žádné kódování, žádný vývojář, žádné šablony stažené z roku 2018.
- 1
Vytvořte si účet a přidejte web
Registrace zabere asi 30 sekund. Zadáte URL webu, který chcete řešit, a Consentio si stáhne základní informace — favicon, meta data, jazyk. To vše využije editor jako výchozí kontext pro design banneru.
- 2
Otevřete designer a vyberte šablonu
Designer nabízí čtyři výchozí styly: Minimalistický, Moderní, Profesionální a Hravý. Šablona je startovní bod — všechny prvky můžete dál přepínat, takže výsledek nikdy nevypadá generický. Pokud chcete úplně čistý plátno, můžete začít i od prázdné šablony.
- 3
Upravte barvy, fonty a pozici
Levý panel obsahuje sekce Barvy, Typografie, Pozice, Texty, Tlačítka a Logo. Změny se promítají do živého náhledu okamžitě, bez nutnosti uložení. Pro každou hodnotu můžete zadat vlastní HEX kód, RGB nebo využít přednastavené palety. Fonty se načítají z Google Fonts (více než 1500 rodin).
- 4
Otestujte na desktopu, tabletu a mobilu
V horní liště designeru přepínáte mezi třemi velikostmi obrazovky. Banner se přizpůsobí každému breakpointu automaticky a ÚOOÚ i @EDPB upozorňují, že nečitelný text na mobilu může znamenat, že souhlas není „informovaný" ve smyslu článku 4 odst. 11 GDPR.
- 5
Uložte a nasaďte jedním řádkem kódu
Po uložení dostanete jeden script tag, který vložíte do <head> svého webu nebo přes Google Tag Manager. Banner se okamžitě zobrazí všem novým návštěvníkům a změny v editoru můžete kdykoli vrátit zpět — verze se ukládají automaticky.
Srovnání editorů cookie banneru
Jak si Consentio Designer stojí proti hlavním konkurentům a proti ruční úpravě v HTML/CSS.
| Vlastnost | Consentio | CookieBot | CookieYes | OneTrust | Ruční HTML/CSS |
|---|---|---|---|---|---|
| Vizuální drag-and-drop editor | Ano, plný | Omezený | Ano | Ano (pro Enterprise) | Ne |
| Živý náhled na desktop/tablet/mobil | Ano, všechna tři | Pouze desktop | Ano | Ano | Ne |
| Vlastní CSS a JavaScript | Ano (Pro) | Ano (Premium+) | Pouze CSS | Ano | Ano |
| Google Fonts integrace | Ano, 1500+ fontů | Omezený výběr | Ano | Ano | Ručně |
| Šablony zdarma | 4 výchozí | 3 výchozí | 5 výchozích | Pouze v placené verzi | Ne |
| Verzování změn | Ano, automatické | Ne | Ne | Ano | Závisí na Gitu |
| Vliv na rychlost webu | < 50 ms | < 100 ms | < 80 ms | 150–300 ms | Závisí na implementaci |
Časté dotazy
Potřebuji znalost kódu pro úpravu cookie banneru?
Ne, Consentio nabízí vizuální editor, kde všechny změny provádíte pomocí klikání a přetahování. Žádný kód není potřeba.
Mohu si banner přizpůsobit firemním barvám?
Ano, v editoru můžete nastavit libovolné barvy pozadí, textu, tlačítek a odkazů. Podporujeme HEX, RGB i předdefinované barvy.
Jak vypadá banner na mobilu?
Editor obsahuje náhled pro desktop, tablet i mobil. Banner je plně responzivní a automaticky se přizpůsobí velikosti obrazovky.
Mohu použít vlastní texty a překlady?
Ano, všechny texty v banneru jsou plně editovatelné. Můžete upravit nadpisy, popisky, texty tlačítek i odkaz na zásady ochrany osobních údajů.
Splňuje banner z editoru pravidla pro dark patterns?
Ano. Consentio Designer je navržen v souladu s pokyny EDPB 03/2022 o klamavých vzorech (dark patterns) v cookie lištách. Tlačítko „Odmítnout" má stejnou vizuální váhu jako „Přijmout vše", barvy nelze nastavit tak, aby jedna možnost byla zjevně skrytá, a nadpis nesmí být zavádějící. ÚOOÚ tyto požadavky vynucuje od roku 2022.
Mohu si vytvořit více banner designů pro různé weby?
Ano. Plán Pro umožňuje až 10 webů, každý s vlastním designem. Plán Agency až 50 webů. Jednotlivé designy mezi weby můžete kopírovat, takže pokud máte více domén stejného klienta, nemusíte design tvořit od nuly.
Jak dlouho mi zabere první spuštění designu na webu?
Většina uživatelů zvládne vytvořit funkční banner ve stylu značky za 5 až 10 minut. Pokud používáte plán Pro, máte v ceně pomoc s prvním nastavením od našeho týmu. Pro WordPress weby existuje hotový plugin, který banner nainstaluje úplně bez zásahu do kódu.
Co když chci později design změnit?
Můžete kdykoli. Změny se projeví okamžitě u všech návštěvníků, není potřeba nasazovat nový kód ani čekat na cache. Verze designu se ukládají automaticky, takže se v případě potřeby vrátíte ke starší verzi jedním klikem.
Soulad s evropskou legislativou
Vizuální editor Consentio i banner samotný jsou navrženy tak, aby splňovaly následující právní rámce a dozorová doporučení:
- GDPR (Nařízení EU 2016/679)
- ePrivacy směrnice (2002/58/ES)
- ÚOOÚ — Úřad pro ochranu osobních údajů
- EDPB — Pokyny 03/2022 o dark patterns
Naposledy aktualizováno:
Vyřešte cookies dnes.
Spěte klidně zítra.
Vyzkoušet zdarma - Karta není vyžadována
- 5 minut k implementaci
- Vyrobeno v EU