Você pode usar os temas de interface de pagamento prontos para uso (claro ou escuro) ou criar seu próprio tema. Para criar seu próprio tema, consulte estas instruções.

Como obtê-lo

Para personalizar a interface de pagamento por meio do token, altere os parâmetros do objeto settings.ui:

Parâmetro	Tipo	Descrição
settings.ui.theme	string	Tema da interface de pagamento. Pode ser `default` (tema claro por padrão) ou `default_dark` (tema escuro).
settings.ui.desktop.header.visible_logo	boolean	Se `true`, o cabeçalho mostrará seu logotipo (primeiro forneça a imagem ao seu Gerente de Sucesso do Cliente).

Para personalizar o widget, altere os parâmetros do objeto lightbox:

Referência da API

Veja a lista completa de parâmetros de inicialização do widget.

Parâmetro	Tipo	Descrição
payment_widget_ui.lightbox.width	string	Largura do quadro da lightbox. Se `null`, depende da largura do Pay Station. O padrão é `null`.
payment_widget_ui.lightbox.height	string	Altura do quadro da lightbox. Se `null`, depende da altura do Pay Station. O padrão é `100%`.
payment_widget_ui.lightbox.zIndex	integer	Define a ordem do arranjo. O padrão é `1000`.
payment_widget_ui.lightbox.overlayOpacity	integer	Opacidade do plano de fundo do widget (`0` — totalmente transparente, `1` — completamente opaco). O valor padrão é 60% (`.6`).
payment_widget_ui.lightbox.overlayBackground	string	Cor de fundo da sobreposição. O padrão é `#000000`.
payment_widget_ui.lightbox.contentBackground	string	Cor de fundo do quadro. O padrão é `#ffffff`. Observe que essas mudanças de cor não afetam o iframe do Pay Station em si, apenas as configurações da lightbox que o contém.
payment_widget_ui.lightbox.spinner	string	Tipo de indicador de carregamento animado. Pode ser `xsolla` ou `round`. O padrão é `xsolla`.
payment_widget_ui.lightbox.spinnerColor	string	Cor do cata-vento. Sem valor padrão.

Obrigado pelo seu feedback!

Avaliaremos sua mensagem e a usaremos para melhorar sua experiência.

Última atualização: 26 de Março de 2024

Encontrou um erro de texto ou digitação? Selecione o texto e pressione Ctrl+Enter.

Conteúdos

Como funciona
Como obtê-lo

Your browser is not supported. Please try a different browser

Pay Station

Como personalizar o Pay Station

Como funciona

Como obtê-lo

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

Como utilizamos cookies