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 einbinden
Unter „Custom JavaScript" lässt sich ein externes Skript in Checkout und Hosted Pages einbinden – etwa ein Chat-Widget oder ein Analytics-Baustein. Dieselbe Einstellung gibt es für das Kundenportal im Branding-Bereich. Beide Bereiche haben einen eigenen Aktivieren-Schalter: Sie schalten das Skript getrennt für Checkout und Portal frei, und ohne diesen Schalter wird es auch bei vollständigen Angaben nicht geladen. Zwei Angaben sind Pflicht:
- Custom-JS-URL – ausschließlich absolute HTTPS-Adressen.
http:,javascript:unddata:weist Kyvento ab. - Subresource-Integrity-Hash im Format
sha384-…. Ohne gültigen Hash wird das Skript nicht ausgeliefert, und das Speichern meldet den fehlenden Wert.
Der Hash ist keine Förmlichkeit: Auf einer Zahlungsseite könnte ein nachträglich ausgetauschtes Skript Eingaben mitlesen. Der Browser lädt das Skript nur, wenn seine Prüfsumme mit dem hinterlegten Hash übereinstimmt – ändert der Anbieter die Datei, bleibt es aus, bis Sie den Hash aktualisieren. Binden Sie deshalb nur Skripte ein, deren Herkunft Sie kennen, und bevorzugen Sie versionierte URLs.
Kyvento kann Custom JavaScript für einzelne Accounts sperren; in diesem Fall erscheint an Ort und Stelle ein Hinweis mit dem Weg über ein Support-Ticket.
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