Cómo personalizar Pay Station
Cómo funciona
Puede establecer la apariencia de la interfaz de pago personalizando los siguientes parámetros:
- Ubicación en la pantalla
- Tema
- Tamaño
- Fondo
- Precargador
Puede establecer los parámetros de la interfaz de usuario mediante el token y el script de integración del widget.
Nota
Puede utilizar los temas de interfaz de pago predefinidos (claro u oscuro) o crear su propio tema. Para crear su propio tema, consulte estas instrucciones.
Cómo conseguirlo
Para personalizar la interfaz de pago a través del token, cambie los parámetros del objeto settings.ui:
| Parámetro | Tipo | Descripción |
|---|---|---|
settings.ui.theme | string | Tema de la interfaz de pago. Puede ser default (tema claro por defecto) o default_dark (tema oscuro). |
settings.ui.desktop.header.visible_logo | boolean | Si es true, el encabezado mostrará su logotipo (proporcione primero la imagen a su gestor del éxito del cliente). |
Para personalizar el widget, cambie los parámetros del objeto
lightbox:| Parámetro | Tipo | Descripción |
|---|---|---|
payment_widget_ui.lightbox.width | string | Anchura del marco del Lightbox. Si es null, depende de la altura de Pay Station. Por defecto es null. |
payment_widget_ui.lightbox.height | string | Altura del marco del Lightbox. Si es null, depende de la altura de Pay Station. Por defecto es 100%. |
payment_widget_ui.lightbox.zIndex | integer | Define el orden de disposición. Por defecto es 1000. |
payment_widget_ui.lightbox.overlayOpacity | integer | Opacidad del fondo del widget (0 - totalmente transparente, 1 - totalmente opaco). El valor por defecto es 60 % (.6). |
payment_widget_ui.lightbox.overlayBackground | string | Color de fondo de la superposición. Por defecto es #000000. |
payment_widget_ui.lightbox.contentBackground | string | Color de fondo del marco. Por defecto es #ffffff. Tenga en cuenta que estos cambios de color no afectan al propio iframe de Pay Station, solo a la configuración del Lightbox que lo contiene. |
payment_widget_ui.lightbox.spinner | string | Tipo de indicador de carga animado. Puede ser xsolla o round. Por defecto es xsolla. |
payment_widget_ui.lightbox.spinnerColor | string | Color del indicador giratorio. Sin valor por defecto. |
¿Te ha resultado útil este artículo?
¡Gracias por tu mensaje!
Nos ayudará a mejorar tu experiencia.¿Has encontrado una errata u otro error de texto? Selecciona el texto y pulsa Ctrl+Intro.
