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âmetroTipoDescrição
settings.ui.theme
stringTema da interface de pagamento. Pode ser default (tema claro por padrão) ou default_dark (tema escuro).
booleanSe 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âmetroTipoDescrição
payment_widget_ui.lightbox.width
stringLargura do quadro da lightbox. Se null, depende da largura do Pay Station. O padrão é null.
payment_widget_ui.lightbox.height
stringAltura do quadro da lightbox. Se null, depende da altura do Pay Station. O padrão é 100%.
payment_widget_ui.lightbox.zIndex
integerDefine a ordem do arranjo. O padrão é 1000.
payment_widget_ui.lightbox.overlayOpacity
integerOpacidade do plano de fundo do widget (0 — totalmente transparente, 1 — completamente opaco). O valor padrão é 60% (.6).
payment_widget_ui.lightbox.overlayBackground
stringCor de fundo da sobreposição. O padrão é #000000.
payment_widget_ui.lightbox.contentBackground
stringCor 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
stringTipo de indicador de carregamento animado. Pode ser xsolla ou round. O padrão é xsolla.
payment_widget_ui.lightbox.spinnerColor
stringCor do cata-vento. Sem valor padrão.
Este artigo foi útil?
Obrigado!
Podemos melhorar alguma coisa? Mensagem
Que pena ouvir isso
Explique porque este artigo não foi útil para você. Mensagem
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.

Relatar um problema
Nós sempre avaliamos nossos conteúdos. Seu feedback nos ajuda a melhorá-los.
Forneça um e-mail para que possamos responder
Obrigado pelo seu feedback!