Vous pouvez utiliser les thèmes d’interface de paiement prêts à l’emploi (clair ou foncé) ou créer votre propre thème. Pour créer votre propre thème, consultez les instructions.

Comment configurer

Pour customiser l’interface de paiement via le jeton, modifiez les paramètres de l’objet settings.ui :

Paramètre	Type	Description
settings.ui.theme	string	Thème de l’interface de paiement. Valeurs possibles : `default` (thème clair, par défaut) ou `default_dark` (thème foncé).
settings.ui.desktop.header.visible_logo	boolean	Si défini sur `true`, l’en-tête affiche votre logo. (Assurez-vous de fournir l’image à votre responsable de la réussite client.)

Pour customiser le widget, modifiez les paramètres de l’objet lightbox:

Référence API

Voir la liste complète des paramètres d'initialisation du widget.

Paramètre	Type	Description
payment_widget_ui.lightbox.width	string	Largeur du cadre de la lightbox. Si définie sur `null`, elle correspondra à la largeur de la Pay Station. La valeur par défaut est `null`.
payment_widget_ui.lightbox.height	string	Hauteur du cadre de la lightbox. Si définie sur `null`, elle correspondra à la hauteur de Pay Station. La valeur par défaut est `100%`.
payment_widget_ui.lightbox.zIndex	integer	Définit l’ordre d’empilement. La valeur par défaut est `1000`.
payment_widget_ui.lightbox.overlayOpacity	integer	Opacité de l’arrière-plan du widget (`0` — complètement transparent, `1` — complètement opaque). La valeur par défaut est 60 % (`.6`).
payment_widget_ui.lightbox.overlayBackground	string	Couleur de fond de la superposition. La valeur par défaut est `#000000`.
payment_widget_ui.lightbox.contentBackground	string	Couleur de fond du cadre. La valeur par défaut est `#ffffff`. Notez que ce changement de couleur n’affecte pas l’iframe Pay Station, mais uniquement la lightbox qui le contient.
payment_widget_ui.lightbox.spinner	string	Type d’indicateur de chargement animé. Valeurs possibles : `xsolla` ou `round`. La valeur par défaut est `xsolla`.
payment_widget_ui.lightbox.spinnerColor	string	Couleur de l’indicateur de chargement. Aucune valeur par défaut.

Merci pour votre commentaire !

Nous examinerons votre message et l'utiliserons pour améliorer votre expérience.

Dernière mise à jour: 26 Mars 2024

Faute de frappe ou autre erreur dans le texte ? Sélectionnez le texte concerné et appuyez sur Ctrl+Entée.

Contenu

Comment ça marche
Comment configurer

Your browser is not supported. Please try a different browser

Pay Station

Comment customiser Pay Station

Comment ça marche

Comment configurer

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

Comment nous utilisons les cookies