Histórico da Página

CONTEÚDO

1. VISÃO GERAL
   
2. TELA
   
3. DESCRIÇÃO DE FUNCIONAMENTO
4. TABELAS UTILIZADAS
   

01. VISÃO GERAL

Possibilitar ao usuário o pagamento do título com PIX.

Usuário terá a opção de copiar o texto do QrCode para a área de transferência ou compartilhar o mesmo através do compartilhamento padrão do sistema operacional de cada dispositivo.

02. TELA

Outras Ações / Ações relacionadas

03. DESCRIÇÃO DE FUNCIONAMENTO

No extrato financeiro, o usuário selecionará um boleto para ser pago.

Pelo menos um dos serviços do boleto selecionado deverá ter a opção "Boleto" marcada:

Quando a opção citada acima está marcada, o método de pagamento "Pix" ficará disponível conforme abaixo:

Na tela de seleção de método de pagamento, o usuário selecionará a opção "Pix" e avançará para o próximo passo

O próximo passo é a visualização do valor líquido do boleto selecionado.

Caso o boleto tenha lançamentos de mais de um aluno, a visualização do valor líquido mostrará os dados de cada lançamento conforme abaixo:

Após prosseguir com o pagamento, o usuário verá uma tela informando o valor a pagar e o QrCode caso o processo tenha sido executado com sucesso conforme abaixo:

Ao exibir o texto do QrCode, o usuário terá a opção de compartilhar o texto ou copiar o código para ser informado no aplicativo bancário.

Caso ocorra algum erro na geração do QrCode do Pix, a exibição será feita conforme tela abaixo:

Copiar chave: Ao clicar no respectivo botão, será feita a cópia do texto do QrCode para a área de transferência conforme abaixo

Compartilhar: Ao clicar no respectivo botão, a linha digitável poderá ser compartilhada conforme funcionalidade de compartilhamento do sistema operacional de cada dispositivo.

Caso a chave pix não esteja disponível, será exibido o diálogo para o usuário:

<!-- esconder o menu --> 


<style>
div.theme-default .ia-splitter #main {
    margin-left: 0px;
}
.ia-fixed-sidebar, .ia-splitter-left {
    display: none;
}
#main {
    padding-left: 10px;
    padding-right: 10px;
    overflow-x: hidden;
}

.aui-header-primary .aui-nav,  .aui-page-panel {
    margin-left: 0px !important;
}
.aui-header-primary .aui-nav {
    margin-left: 0px !important;
}
</style>