White-Label Checkout: Design anpassen
Überblick
Ihre Kunden sollen im Checkout Ihre Marke sehen, nicht die von Kyvento. Unter Einstellungen → „Hosted Pages" gestalten Sie Farben, Typografie und Verhalten des Checkouts vollständig – und mit einer eigenen Domain (separater Artikel) verschwindet auch die Kyvento-Adresse aus der Browserzeile.
Farbschema
Der Abschnitt „Farbschema" steuert sieben Farben für Buttons, Hintergründe und Text im Checkout und auf den Hosted Pages:
- „Primär" und „Sekundär" – Ihre Markenfarben für Buttons und Akzente
- „Akzent" – Hervorhebungen
- „Hintergrund" und „Oberfläche" – Seiten- und Kartenhintergründe
- „Text" und „Rahmen" – Schrift- und Linienfarben
Achten Sie auf ausreichenden Kontrast zwischen Text- und Hintergrundfarben – schwer lesbare Checkouts kosten Abschlüsse.
Typografie und Layout
Unter „Typografie & Layout" wählen Sie die Schriftart, den Eckenradius (von eckig bis stark gerundet) und den Button-Stil – „Gefüllt" (vollflächige Buttons in Kontrastfarbe) oder „Umriss" (farbiger Rahmen ohne Füllung). So passt sich der Checkout dem Stil Ihrer Website an.
Eigenes CSS für Feinheiten
Reichen die Standard-Optionen nicht, ergänzen Sie eigenes CSS – etwa für individuelle Abstände oder das Ausblenden einzelner Elemente. Eigenes JavaScript ist aus Sicherheitsgründen nur möglich, wenn es für Ihren Account plattformseitig freigeschaltet wurde.
Logo und Firmenname
Ihr Firmenlogo pflegen Sie zentral in den Account-Einstellungen – es erscheint unter anderem in Ihren System-E-Mails, die zusätzlich Ihre Primärfarbe übernehmen. Im Checkout tritt Ihr Unternehmen mit dem Firmennamen auf (auch im Seitentitel des Browsers).
Nicht verwechseln: das Kundenportal
Das Kundenportal (Self-Service für Bestandskunden) hat unter Einstellungen → „Branding" (Gruppe „Kundenportal") ein eigenes Erscheinungsbild: Primär- und Sekundärfarbe, Begrüßungstext und eigenes CSS. Checkout-Design und Portal-Branding sind unabhängig – pflegen Sie beide, wenn Sie einen durchgängigen Markenauftritt wollen.
Empfehlungen
- Primärfarbe = Ihre Markenfarbe, Rest sparsam – ein ruhiger Checkout wirkt vertrauenswürdiger als ein bunter.
- Nach jeder Änderung den Checkout-Link im Privatfenster öffnen und alle fünf Schritte durchsehen.
- Mit der eigenen Domain abrunden – siehe „Eigene Domain für Checkout nutzen".
Nächste Schritte
- Verkaufsprozess-Einstellungen – siehe „Hosted Pages einrichten"
- Eigene Domain aufschalten – siehe „Eigene Domain für Checkout nutzen"