Visueller Cookie-Banner-Editor
Erstellen Sie einen Banner, der zu Ihrer Website passt
Drag-and-Drop-Editor für Cookie-Banner. Farben, Schriften, Position, Texte -- alles ohne Code. Live-Vorschau der Änderungen und responsives Design ohne Dark Patterns.
Perfekt auf allen Geräten
Der Editor bietet eine Vorschau für Desktop, Tablet und Mobilgerät. Der Banner passt sich automatisch an die Bildschirmgröße an und sieht überall großartig aus.
- Live-Vorschau der Änderungen
- Gerätewechsel mit einem Klick
- Automatische Mobiloptimierung
- Test verschiedener Auflösungen
Warum Banner-Design wichtiger ist, als viele denken
Ein Cookie-Banner ist das Erste, was ein Besucher sieht. Wirkt er verwirrend, aufdringlich oder wie aus einem Forumsbeitrag von 2019 kopiert, untergräbt das Vertrauen, bevor überhaupt jemand ein Wort des eigentlichen Inhalts liest. Viele Websites nutzen noch immer Banner, die sie vor Jahren als Vorlage heruntergeladen und nie angepasst haben: ein Problem sowohl für die Conversion als auch für die Gültigkeit der DSGVO-Einwilligung.
Der visuelle Editor von Consentio ist so aufgebaut, dass zwei Regeln gleichzeitig gelten: Der Banner muss gut aussehen und rechtlich korrekt sein. Die EDSA-Leitlinien 03/2022 zu irreführenden Gestaltungsmustern verbieten ausdrücklich einen versteckten „Ablehnen“-Button, unlesbaren Kontrast, mehrstufige Ablehnungsabläufe oder vorangekreuzte Kästchen. Der Designer lässt schlicht keines davon zu: Farbwähler erzwingen ausreichenden Kontrast, und der „Ablehnen“-Button trägt immer dasselbe visuelle Gewicht wie „Alle akzeptieren“.
Gleichzeitig behalten Designer volle Markenkontrolle. Der Banner kann wie eine natürliche Erweiterung der Website wirken, nicht wie ein fremdes Overlay. Über die gesamte Consentio-Kundenbasis hinweg zeigen markengerechte Banner, die zur visuellen Identität der Website passen, rund 12 % höhere Einwilligungsraten als generische Standardbanner: und das ganz ohne die Dark Patterns, für die CNIL und ICO Wettbewerber sanktioniert haben.
So funktioniert der visuelle Editor
Von der Registrierung bis zum fertigen Banner in unter 10 Minuten. Kein Code, kein Entwickler, keine aus einem Forum kopierte Vorlage aus dem Jahr 2018.
- 1
Konto erstellen und Website hinzufügen
Die Registrierung dauert rund 30 Sekunden und verlangt im kostenlosen Tarif nie eine Kreditkarte. Sie geben die URL Ihrer Website ein, und Consentio ruft grundlegende Metadaten ab: Favicon, Seitentitel, Standardsprache: die der Editor als Ausgangspunkt für das Banner-Design nutzt.
- 2
Designer öffnen und Vorlage wählen
Der Designer wird mit vier Ausgangsstilen geliefert: Minimalistisch, Modern, Professionell und Verspielt: plus einer leeren Arbeitsfläche. Die Vorlage ist nur ein Ausgangspunkt; jedes Element bleibt bearbeitbar, sodass das Ergebnis nie wie ein generischer Standardbanner aussieht.
- 3
Farben, Schriften und Position anpassen
Das linke Bedienfeld gruppiert Einstellungen in Farben, Typografie, Position, Texte, Buttons und Logo. Jede Änderung wird sofort in der Live-Vorschau angezeigt, ohne dass ein Speichern-Button nötig ist. Farbfelder akzeptieren HEX oder RGB, und die Schriften stammen aus dem vollständigen Google-Fonts-Katalog (über 1.500 Schriftfamilien).
- 4
Auf Desktop, Tablet und Mobilgerät testen
Ein Geräteumschalter in der Toolbar ermöglicht die Vorschau des Banners bei drei Breakpoints. Der Banner passt sich automatisch an. Sowohl die ICO als auch die CNIL haben in veröffentlichten Leitlinien darauf hingewiesen, dass auf dem Handy unlesbarer Text bedeuten kann, dass die eingeholte Einwilligung nicht „informiert“ im Sinne von Artikel 4(11) DSGVO ist. Diese Prüfung lohnt sich also.
- 5
Speichern und mit einer Codezeile veröffentlichen
Beim Speichern entsteht ein einzelnes Skript-Tag, das Sie in den <head> Ihrer Website einfügen oder über den Google Tag Manager laden. Neue Besucher sehen den Banner sofort, und Designänderungen, die Sie später im Editor vornehmen, werden live geschaltet, ohne dass eine erneute Bereitstellung nötig ist. Jede Version wird automatisch gespeichert, sodass Sie bei Bedarf zurückrollen können.
Wie sich der Consentio Designer im Vergleich schlägt
So schneidet der visuelle Editor von Consentio im Vergleich zu den wichtigsten Wettbewerbern und handcodiertem HTML/CSS ab. Alle vier für die EU relevanten Plattformen (CookieBot, CookieYes, OneTrust, Consentio) unterliegen der DSGVO- und ePrivacy-Durchsetzung.
| Funktion | Consentio | CookieBot | CookieYes | OneTrust | Handcodiertes HTML/CSS |
|---|---|---|---|---|---|
| Drag-and-Drop-Visualeditor | Ja, vollständig | Eingeschränkt | Ja | Ja (Enterprise) | Nein |
| Live-Vorschau für Desktop/Tablet/Mobilgerät | Alle drei | Nur Desktop | Ja | Ja | Nein |
| Eigenes CSS und JavaScript | Ja (Pro) | Ja (Premium+) | Nur CSS | Ja | Ja |
| Google-Fonts-Integration | 1.500+ Schriften | Eingeschränkt | Ja | Ja | Manuell |
| Kostenlose Vorlagen | 4 Standardvorlagen | 3 Standardvorlagen | 5 Standardvorlagen | Nur kostenpflichtig | Keine |
| Automatische Versionierung / Rollback | Ja | Nein | Nein | Ja | Abhängig von Git |
| Auswirkung auf die Seitengeschwindigkeit | < 50 ms | < 100 ms | < 80 ms | 150–300 ms | Variiert |
Häufig gestellte Fragen
Benötige ich Programmierkenntnisse, um den Cookie-Banner zu bearbeiten?
Nein, Consentio bietet einen visuellen Editor, in dem Sie alle Änderungen per Klick und Drag-and-Drop vornehmen. Es ist kein Code erforderlich.
Kann ich den Banner an die Unternehmensfarben anpassen?
Ja, im Editor können Sie beliebige Hintergrund-, Text-, Button- und Linkfarben festlegen. Wir unterstützen HEX, RGB und vordefinierte Farben.
Wie sieht der Banner auf dem Handy aus?
Der Editor bietet eine Vorschau für Desktop, Tablet und Mobilgerät. Der Banner ist vollständig responsiv und passt sich automatisch an die Bildschirmgröße an.
Kann ich eigene Texte und Übersetzungen verwenden?
Ja, alle Texte im Banner sind vollständig editierbar. Sie können Überschriften, Beschreibungen, Button-Texte und den Link zur Datenschutzerklärung bearbeiten.
Erfüllt ein im Editor erstellter Banner die Vorschriften gegen Dark Patterns?
Ja. Der Consentio Designer basiert auf den EDSA-Leitlinien 03/2022 zu irreführenden Gestaltungsmustern bei Cookie-Bannern. Der Button „Ablehnen“ erhält dasselbe visuelle Gewicht wie „Alle akzeptieren“, Farben können nicht so konfiguriert werden, dass eine Option klar versteckt wird, und der Titel darf nicht irreführend bleiben. Die CNIL verhängte im Januar 2022 gegen Google eine Geldbuße von 150 Millionen Euro, gerade weil das Ablehnen von Cookies mehr Klicks erforderte als das Akzeptieren: Consentio verhindert das systembedingt.
Kann ich unterschiedliche Banner-Designs für mehrere Websites erstellen?
Ja. Der Pro-Tarif erlaubt bis zu 10 Websites, jede mit eigenem Design. Der Agency-Tarif erweitert dies auf 50. Sie können ein Design zwischen Websites klonen, was nützlich ist, wenn dieselbe Marke mehrere Domains besitzt und Sie ein einheitliches Erscheinungsbild wünschen, ohne von vorn zu beginnen.
Wie lange dauert es, den ersten Banner auf meiner Website zu veröffentlichen?
Die meisten Nutzer erstellen einen markengerechten, funktionsfähigen Banner in 5–10 Minuten. Im Pro-Tarif ist die anfängliche Einrichtungshilfe unseres Teams im Preis inbegriffen. Für WordPress-Websites installiert unser Plugin den Banner, ohne Ihre Theme-Dateien anzufassen. Für Headless-Setups (Next.js, Nuxt, Astro) genügt ein einziges Skript-Tag im Layout.
Was passiert, wenn ich das Design später ändere?
Änderungen werden sofort für alle Besucher live geschaltet: keine erneute Bereitstellung, keine Cache-Wartezeit, keine Entwicklerbeteiligung. Jede Design-Version wird automatisch gespeichert, sodass Sie mit einem Klick zu einer vorherigen Version zurückkehren können. Das ist nützlich, wenn Sie mit Formulierungen experimentieren (z. B. einem klareren „Alle ablehnen“-Button) und bei sinkender Conversion schnell zurückrollen möchten.
Konform mit dem europäischen Datenschutzrecht
Der visuelle Editor und der damit erstellte Banner sind darauf ausgelegt, die Anforderungen der folgenden Rechtsrahmen und Leitlinien der Aufsichtsbehörden zu erfüllen:
- DSGVO (Verordnung (EU) 2016/679)
- ePrivacy-Richtlinie (2002/58/EG)
- ÚOOÚ — Tschechisches Amt für den Schutz personenbezogener Daten
- EDSA: Leitlinien 03/2022 zu irreführenden Gestaltungsmustern
Zuletzt aktualisiert:
Cookies heute lösen.
Morgen ruhig schlafen.
Kostenlos testen - Keine Kreditkarte nötig
- In 5 Minuten eingerichtet
- Made in EU