Checkout-Design anpassen
Hell oder Dunkel, zehn Farbfelder und ein eigenes Logo — so bekommt der Ticketkauf dein Corporate Design.
🧭 Wo: Veranstaltungen → Events → Bearbeiten → Karte „Checkout-Design" · Wer: Administrator · Modul: Veranstaltungen
Der Checkout ist die Seite, auf der Gäste ihre Tickets kaufen. Standardmäßig läuft er im hellen iVENTRO-Look. In der Karte Checkout-Design im Event-Formular passt du Hintergrund, Akzentfarbe und Logo an dein Corporate Design an — pro Event, nicht pauschal für den Account.
Modus: Hell oder Dunkel
Ganz oben wählst du unter Modus zwischen Hell und Dunkel. Der Modus entscheidet nicht nur über die Farbwerte, sondern auch über Feinheiten wie die Schatten unter den Karten — im Dunkelmodus werden sie kräftiger, damit die Blöcke nicht flach wirken.
Wähle den Modus zuerst und passe erst danach die Farben an. Ein Wechsel des Modus ändert deine eingetragenen Farben nicht.
Die zehn Farbfelder
Jede Farbe hat ein Farbfeld zum Anklicken und daneben ein Textfeld für den Farbwert. Beide Felder sind gekoppelt: Was du im Farbwähler auswählst, steht sofort im Textfeld und umgekehrt. Rechts über jedem Feld steht der Standardwert, damit du siehst, wovon du abweichst.
| Feld | Wirkung im Checkout |
|---|---|
| Seiten-Hintergrund | Die Fläche hinter allem |
| Karten-Hintergrund | Warenkorb, Formularblöcke, Zusammenfassung |
| Sek. Hintergrund | Abgesetzte Bereiche innerhalb einer Karte |
| Rahmen | Linien und Umrandungen |
| Schriftfarbe | Der normale Text |
| Sek. Schrift | Hinweise, Beschriftungen, Kleingedrucktes |
| Akzentfarbe | Hauptknöpfe, aktive Schritte, Hervorhebungen |
| Akzent (dunkler) | Der Zustand beim Überfahren und Drücken der Knöpfe |
| Schrift auf Akzent | Die Beschriftung auf gefüllten Knöpfen |
| Fehlerfarbe | Fehlermeldungen und Warnhinweise |
Ein leeres Textfeld erbt den Standardwert. Nur Werte, die vom Standard abweichen, werden gespeichert — so ziehen künftige Anpassungen am iVENTRO-Standard bei allen nicht überschriebenen Farben automatisch mit.
💡 Tipp: Fang mit Akzentfarbe an. In den meisten Fällen reichen Akzentfarbe, Akzent (dunkler) und Schrift auf Akzent, damit der Checkout nach deiner Marke aussieht. Alles andere kannst du auf Standard lassen.
⚠️ Achtung: Achte auf Kontrast. Eine helle Akzentfarbe mit weißer Schrift darauf ist auf dem Handy in der Sonne unlesbar — und der Kaufabbruch passiert genau dort. Prüfe die Kombination immer am echten Gerät.
Logo
Unter den Farben stehen zwei Felder:
- Logo-URL (optional) — die Adresse deines Logos. Erlaubt sind eine vollständige
Web-Adresse oder ein absoluter Pfad, der mit / beginnt. Andere Eingaben werden beim Speichern verworfen. Bleibt das Feld leer, zeigt der Checkout das Standard-Logo.
- Max. Höhe (px) — die Anzeigehöhe, zwischen 16 und 200 Pixeln, Standard 48.
Nutze am besten eine Vektorgrafik oder ein PNG mit transparentem Hintergrund. Ein Logo mit weißem Kasten drumherum fällt im Dunkelmodus sofort auf.
Theme zurücksetzen
Ganz unten steht das Kästchen Theme zurücksetzen — beim Speichern alle Design-Overrides löschen. Setzt du das Häkchen und speicherst, werden sämtliche Farb- und Logo-Angaben dieses Events verworfen; der Checkout fällt auf die iVENTRO-Standardwerte zurück. Sobald das Häkchen gesetzt ist, sind die Design-Felder ausgegraut — sie werden ohnehin nicht mehr ausgewertet.
Das ist der schnellste Weg zurück, wenn ein Farbexperiment schiefgegangen ist.
Speichern und prüfen
Die Karte gehört zum Event-Formular. Klicke rechts auf Änderungen speichern; die Meldung lautet „Event wurde gespeichert."
Es gibt keine Vorschau im Formular. Prüfe das Ergebnis, indem du den Checkout deines Events in einem privaten Browserfenster einmal selbst durchgehst — am Rechner und am Handy. Wie sich der Ablauf für Gäste anfühlt, steht unter Tickets kaufen Schritt für Schritt.
Welche Checkout-Variante deine Gäste überhaupt sehen und welche Daten abgefragt werden, stellst du in der Karte darüber ein, siehe Checkout konfigurieren. Versandarten, Versicherung und Gast-Checkout liegen an anderer Stelle, siehe Checkout: Versand und Versicherung.
💡 Tipp: Hast du ein Design gefunden, das passt, notiere dir die Farbwerte. Beim nächsten Event trägst du sie in zwei Minuten wieder ein — Designs lassen sich derzeit nicht von Event zu Event kopieren.
Du siehst diesen Punkt nicht?
Dafür gibt es drei Gründe: Das Modul ist nicht aktiviert, dir fehlt das Recht dazu, oder dein Partner-Typ hat diesen Bereich nicht. Wie du das prüfst, steht unter Warum sehe ich einen Menüpunkt nicht?.
Stand: 2026-09-02