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:

Referencia de la API

Consulte la lista completa de parámetros de inicialización del widget.

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.

¡Gracias por tu mensaje!

Nos ayudará a mejorar tu experiencia.

Última actualización: 26 de Marzo de 2024

¿Has encontrado una errata u otro error de texto? Selecciona el texto y pulsa Ctrl+Intro.

Contenidos

Cómo funciona
Cómo conseguirlo

Your browser is not supported. Please try a different browser

Pay Station

Cómo personalizar Pay Station

Cómo funciona

Cómo conseguirlo

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

Cómo usamos las cookies