Sie können die vorgefertigten Zahlungsportal-Themes (hell oder dunkel) verwenden oder Ihr eigenes Theme erstellen. Wie Sie Ihr eigenes Theme erstellen, erfahren Sie in dieser Anleitung.

Wie komme ich dazu

Um das Zahlungsportal über den Token anzupassen, ändern Sie die Parameter des settings.ui-Objekts:

Parameter	Typ	Beschreibung
settings.ui.theme	string	Theme des Zahlungsportals: Möglich sind `default` (helles Theme – Standard) oder `default_dark` (dunkes Theme).
settings.ui.desktop.header.visible_logo	boolean	Falls `true` festgelegt ist, wird Ihr Logo im Header angezeigt (senden Sie dazu das Logo als Bilddatei an Ihren Customer Success Manager).

Um das Widget anzupassen, ändern Sie die Parameter des lightbox-Objekts:

API-Referenz

Sehen Sie sich die komplette Liste der Widget-Initialisierungsparameter an.

Parameter	Typ	Beschreibung
payment_widget_ui.lightbox.width	string	Rahmenhöhe der Lightbox. Falls als Wert `null` festgelegt ist, wird die Höhe der Pay Station verwendet. Standardwert ist `null`.
payment_widget_ui.lightbox.height	string	Rahmenhöhe der Lightbox. Falls als Wert `null` festgelegt ist, wird die Höhe der Pay Station verwendet. Standardwert ist `100%`.
payment_widget_ui.lightbox.zIndex	integer	Definiert die Stapelanordnung. Standardwert ist `1000`.
payment_widget_ui.lightbox.overlayOpacity	integer	Deckkraft des Widget-Hintergrunds (`0` – völlig transparent, `1` – völlig undurchsichtig). Der Standardwert ist 60 % (`.6`).
payment_widget_ui.lightbox.overlayBackground	string	Hintergrundfarbe der Einblendung. Standardwert ist `#000000`.
payment_widget_ui.lightbox.contentBackground	string	Hintergrundfarbe des Rahmens. Standardwert ist `#ffffff`. Beachten Sie, dass diese Farbänderungen keinen Einfluss auf den iframe der Pay Station selbst haben, sondern nur auf die Einstellungen der Lightbox, in dem der iframe angezeigt wird.
payment_widget_ui.lightbox.spinner	string	Art der animierten Ladeanzeige. Als Wert lässt sich entweder `xsolla` oder `round` festlegen. Standardwert ist `xsolla`.
payment_widget_ui.lightbox.spinnerColor	string	Farbe des Ladekreises. Kein Wert voreingestellt.

Vielen Dank für Ihr Feedback!

Wir werden Ihr Feedback aufgreifen und dazu nutzen, Ihr Erlebnis verbessern.

Letztmalig aktualisiert: 26. März 2024

Haben Sie einen Tippfehler oder einen anderen Textfehler gefunden? Wählen Sie den Text aus und drücken Sie Strg+Eingabe.

Inhaltsverzeichnis

So funktioniert's
Wie komme ich dazu

Your browser is not supported. Please try a different browser

Pay Station

So passen Sie die Pay Station an

So funktioniert's

Wie komme ich dazu

settings.ui.theme

settings.ui.desktop.header.visible_logo

payment_widget_ui.lightbox.width

payment_widget_ui.lightbox.height

payment_widget_ui.lightbox.zIndex

payment_widget_ui.lightbox.overlayOpacity

payment_widget_ui.lightbox.overlayBackground

payment_widget_ui.lightbox.contentBackground

payment_widget_ui.lightbox.spinner

payment_widget_ui.lightbox.spinnerColor

Wie wir Cookies verwenden