Como personalizar o Pay Station
Como funciona
Você pode configurar a aparência da interface de pagamento personalizando os seguintes parâmetros:
- Localização na tela
- Tema
- Tamanho
- Plano de fundo
- Pré-carregamento
Você pode configurar parâmetros de interface por meio do token e do script de integração de widgets.
Referência da API
Veja a lista completa de parâmetros.
Observação
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. |
Este artigo foi útil?
Obrigado pelo seu feedback!
Avaliaremos sua mensagem e a usaremos para melhorar sua experiência.Encontrou um erro de texto ou digitação? Selecione o texto e pressione Ctrl+Enter.