Comment customiser Pay Station
Comment ça marche
Pour configurer l’apparence de l’interface de paiement, customisez les paramètres suivants :
- Emplacement sur l’écran ;
- Thème ;
- Taille ;
- Arrière-plan ;
- Icônes de chargement.
Vous pouvez définir les paramètres de l’interface via un jeton ou via le script d’intégration du widget.
Note
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:| 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. |
Cet article vous a été utile ?
Merci pour votre commentaire !
Nous examinerons votre message et l'utiliserons pour améliorer votre expérience.Faute de frappe ou autre erreur dans le texte ? Sélectionnez le texte concerné et appuyez sur Ctrl+Entée.
