v.23.00.00 Pix via hybrid flow

v.23.00.00 Pix via hybrid flow

Visão geral

A Jornada de Iniciação de Pagamento Com Redirecionamento com Pix ocorre quando:

  1. A Instituição Iniciadora de Transação de Pagamento (ITP) coleta as informações necessárias para configuração do pagamento imediato com Pix via Open Finance.

  2. Após revisar os dados, o usuário é informado sobre o direcionamento para o ambiente da Instituição Detentora de Conta (ID) escolhida.

  3. No ambiente da ID, o usuário se autentica conforme os padrões de segurança da instituição, revisa os dados da transação configurada na ITP e confirma o pagamento.

  4. Em seguida, o usuário é redirecionado para a ITP com segurança e agilidade.

  5. Por fim, a ITP informa o status da solicitação de pagamento, concluindo a jornada.

image-20260112-172705.png
Diagrama de sequência de Pix via hybrid flow

Telas de exemplo

Nota
Nas interfaces ilustrativas, a Instituição Iniciadora de Transação de Pagamento (ITP) é representada pelas marcas Wiscredi e Cloud Finance, sendo esta última utilizada como solução whitelabel pelo recebedor Seu Lar.
A Instituição Detentora de Conta (ID) é representada pela marca Bratech.

Protótipo navegável


Fluxo de telas

image-20260616-185145.png

 


Requisitos e recomendações

Esta seção reúne os requisitos e recomendações aplicáveis à jornada de pagamento imediato com Pix via Open Finance.

Etapas da jornada

  1. Solicitação

  2. Direcionamento

  3. Confirmação

  4. Redirecionamento

  5. Efetivação

Cenário de referência

  • Pagamento imediato com Pix.

  • Alçada simples.

  • Redirecionamento entre instituições no mesmo dispositivo.

Jornadas que envolvam múltiplos aprovadores, troca de dispositivo e transações temporizadas devem observar as regras específicas previstas nas páginas correspondentes.

Nota
Além dos requisitos e recomendações previstos nesta jornada de pagamento, aplicam-se aqueles descritos em:

  • Regulamentação e documentos do arranjo de pagamento vigentes.


Etapa 1: Solicitação

Nesta etapa, o usuário: Inicia a jornada de pagamento com Pix via Open Finance. Escolhe a Instituição Detentora de Conta (ID) que será usada para realizar o pagamento. Insere e revisa os dados da solicitação conforme as regras da forma de iniciação selecionada.  A Instituição Iniciadora de Transação de Pagamento (ITP) deve: Garantir uma experiência clara, segura e informativa. Indicar, em algum ponto da jornada, que o serviço é baseado em Open Finance. Permitir a seleção eficiente da ID. Validar os dados inseridos, ocultando informações sensíveis. Preparar a solicitação de iniciação de pagamento para envio à ID. Se houver erro, exibir mensagens claras e orientativas ao usuário.
image-20260331-182228.png
Etapa 1: Solicitação


Métodos de iniciação com Pix

image-20260319-194816.png
Métodos de iniciação com Pix

 

Requisitos - ITP

Cenário: Geral

  • REQ.PG-00100 Não comparar arranjos de pagamento de forma a desqualificar um deles.

  • REQ.PG-00200 Mencionar o Open Finance em algum ponto visível da interface.
    Ex.: Tooltip, selo, frase como "com a segurança do Open Finance”.

image-20260609-125710.png
Geral

 

Cenário: Busca e seleção da ID

  • REQ.PG-00300 Exibir ferramenta de busca e seleção da ID.

  • REQ.PG-00400 Permitir que o usuário busque tanto pela marca da instituição quanto por um participante associado, exibindo corretamente a marca correspondente nos resultados.

  • REQ.PG-00500 Permitir que a seleção final da ID seja feita somente pela marca da instituição, e não pelo nome do participante associado.

  • REQ.PG-00600 Exibir apenas marcas adequadas ao tipo de público identificado (PF ou PJ).

  • REQ.PG-00700 Exibir cada marca uma única vez, mesmo que existam múltiplos registros para ela no Diretório de Participantes.

image-20260609-125751.png
Busca e seleção da ID

 

 

Cenário: Solicitação de transação de pagamento

Nesse momento, o usuário insere e/ou revisa as informações da transação conforme a forma de iniciação de pagamento selecionada e as regras do arranjo de pagamento.

  • REQ.PG-00800 Além das informações descritas nesta etapa, exibir quaisquer outras informações exigidas pelo arranjo de pagamento para solicitação de pagamento.

  • REQ.PG-00900 Permitir que o usuário preencha ou altere o valor quando permitido pelo recebedor.

  • REQ.PG-01000 Exibir o valor automaticamente sem possibilidade de alteração quando determinado pelo recebedor.

image-20260609-134035.png
Valor do pagamento

 

  • REQ.PG-01100 Se a ITP cobrar tarifa pelo serviço, exibir o valor da tarifa cobrada.

  • REQ.PG-01200 Exibir a forma de pagamento.


  • REQ.PG-01300 Exibir a data do pagamento.

Nota

Para permitir o agendamento do pagamento, consulte a página Pix Agendado.

  • REQ.PG-01400 Permitir preenchimento opcional da descrição do pagamento conforme a forma de iniciação do pagamento.

Ex.: Pix via chave Pix ou inserção manual dos dados transacionais do recebedor.

image-20260615-175141.png
Forma, data e descrição do pagamento

 

  • REQ.PG-01500 Exibir a descrição automaticamente conforme a forma de iniciação do pagamento.

Ex.: Pix via QR Code.

image-20260615-175214.png
Descrição automática

 

  • REQ.PG-01600 Permitir que o usuário insira os dados do recebedor como instituição, agência, conta e CPF/CNPJ em pagamentos via inserção manual de dados transacionais.

image-20260615-175401.png
Inserção manual

 

  • REQ.PG-01700 Exibir os dados do recebedor automaticamente em pagamentos via chave Pix, Pix Copia e Cola e Pix via QR Code.

  • REQ.PG-01800 Exibir nome e CPF (mascarado)/CNPJ do recebedor.

Nota
Nesta etapa, a exibição do nome da instituição de destino do recebedor é opcional e fica a critério do participante.

  • REQ.PG-01900 Exibir o nome da ID selecionada pelo usuário, se essa etapa tiver sido apresentada antes da revisão da transação.

  • REQ.PG-02000 Exibir o nome da instituição responsável pela iniciação da transação de pagamento.

Nota
Se o usuário já estiver no ambiente da própria ITP, a exibição do nome da ITP não é obrigatória, pois a identificação já é evidente no contexto.

  • REQ.PG-02100 Informar ao usuário que a transação será concluída apenas se houver saldo e limite transacional disponíveis na conta de débito.

Atenção!

De acordo com a regulação vigente, a exibição de “Termos e Condições” ou recurso similar é facultativa para as Instituições Iniciadoras de Transação de Pagamento (ITP) nesta etapa da jornada de iniciação de pagamento. No entanto, uma vez exibidos, devem obedecer aos requisitos a seguir.

  • REQ.PG-02200 Se apresentar Termos e Condições, exibir o conteúdo de forma clara e objetiva.

  • REQ.PG-02300 Se apresentar Termos e Condições, não utilizar opt-in.

  • REQ.PG-02400 Se apresentar Termos e Condições, informar que, ao continuar, o usuário está concordando com esses termos.

  • REQ.PG-02500 Informar ao usuário que, ao continuar, ele será direcionado para a ID para confirmar a solicitação.

image-20260615-175727.png
Saldo e limite, termos e condições e informações obrigatórias

 

Recomendações - ITP

Cenário: Geral

  • REC.PG-00100 Ao exibir ao usuário a opção de realizar pagamentos utilizando uma conta de outra instituição, utilizar linguagem pessoal e natural.

    • “Pagar com minha conta”.

    • “Transferir com meu banco”.

    • “Usar minha Instituição”.

    • “Pagar com outro banco”.

Nota
Esses exemplos foram baseados no teste de usabilidade feito pelo GT UX realizado em outubro de 2022 e não contemplam todas as formas de abordar o usuário.

image-20260609-140122.png
Recomendações de termos

Cenário: Onboarding

  • REC.PG-00200 Exibir onboarding para informar o usuário sobre a oferta do serviço pela ITP.

  • REC.PG-00300 No onboarding, informar sobre o fluxo completo da jornada, incluindo o direcionamento para a ID e o retorno à ITP.

  • REC.PG-00400 No onboarding, explicar os benefícios da jornada com Open Finance, destacando pontos como segurança, rapidez e praticidade.

  • REC.PG-00500 Quando o serviço for gratuito, informar sobre a gratuidade da operação.

  • REC.PG-00600 Exibir informações do serviço através de opções como “Saiba mais”.

image-20260609-140454.png
Recomendações onboarding

 

Cenário: Solicitação de vinculação de conta via jornada de pagamento

Se a ITP oferecer a jornada de Vinculação de Conta para JSR a partir do pagamento

  • REC.PG-00700 Se o usuário não possuir nenhuma conta vinculada, informar que é necessário fazer um vínculo previamente e direcioná-lo para a jornada de Vinculação de Conta.

image-20260624-181828.png
Vinculação de conta via jornada de pagamento

Cenário: Solicitação de transação de pagamento

  • REC.PG-00800 Permitir que o usuário altere facilmente os dados editáveis antes da continuação da jornada.

  • REC.PG-00900 Posicionar os campos editáveis na parte superior da tela.

  • REC.PG-01000 Quando necessário, solicitar dados complementares da ID selecionada, como agência e número da conta, para facilitar a autenticação do usuário na ID.

  • REC.PG-01100 Exibir a data do pagamento preenchida com a data da solicitação.

  • REC.PG-01200 Alertar sobre a possibilidade de falha na jornada em dispositivos com o recurso de ocultação de aplicativos ativado, orientando o usuário a desativar esse recurso se necessário.

  • REC.PG-01300 Se apresentar Termos e Condições, exibir seu contéudo através de link, garantindo que o conteúdo seja compreensível e não redundante com o que já está presente na jornada.

image-20260609-141056.png
Recomendações da solicitação

 


Etapa 2: Direcionamento

Nesta etapa, o usuário: É direcionado da Iniciadora (ITP) para a sua Detentora de Conta (ID). A ITP deve: Orientar o usuário sobre o direcionamento. Assegurar que a navegação ocorra de forma transparente, conforme o dispositivo utilizado. Se houver erro, exibir mensagens claras e orientativas ao usuário.

Requisitos - ITP

Cenário: Direcionamento hybrid flow

  • REQ.PG-02600 Direcionar o usuário para um canal digital seguro.

  • REQ.PG-02700 Se o usuário iniciar a jornada na ITP em dispositivo móvel (aplicativo ou navegador) e possuir o aplicativo da ID instalado, direcioná-lo para o aplicativo da ID (hybrid flow).

  • REQ.PG-02800 Se o usuário iniciar a jornada na ITP em dispositivo móvel (aplicativo ou navegador), não possuir o aplicativo da ID instalado e a ID for app-only, direcioná-lo para a loja de aplicativos.

  • REQ.PG-02900 Se o usuário iniciar a jornada na ITP em dispositivo móvel (aplicativo ou navegador), não possuir o aplicativo da ID instalado e a ID for app+browser ou browser-only, direcioná-lo para o ambiente da ID no navegador ou para a loja de aplicativos.

  • REQ.PG-03000 Se o usuário iniciar a jornada na ITP em desktop e a ID for app-only, direcioná-lo para o aplicativo por meio de Hand-off (hybrid Flow com hand-off).

  • REQ.PG-03100 Se o usuário iniciar a jornada na ITP em desktop e a ID for app+browser ou browser-only, direcioná-lo para o aplicativo da ID ou para o ambiente da ID no navegador.

Cenário: Tela de transição

  • REQ.PG-03200 Durante o direcionamento, exibir uma tela informativa, sem exigir ação adicional do usuário para confirmar o direcionamento.

  • REQ.PG-03300 Na tela do direcionamento, informar que o direcionamento está em andamento.
    Ex.: Estamos te direcionando para confirmar a operação.

  • REQ.PG-03400 Na tela do direcionamento, informar que o direcionamento é seguro.
    Ex.: Direcionamento com a segurança Open Finance.

  • REQ.PG-03500 Na tela do direcionamento, informar que o usuário possui até 5 minutos para confirmar a solicitação de autorização de pagamento na ID.
    Ex.: Você tem até 5 minutos para confirmar a operação.

  • REQ.PG-03600 Em dispositivos móveis, direcionar o usuário diretamente para o aplicativo da ID, sem passar por navegadores intermediários.

image-20260625-121935.png
Direcionamento ITP>ID



Recomendações - ITP

Cenário: Tela de transição

  • REC.PG-01400 Se a jornada for interrompida nesta etapa, permitir que o usuário retome-a facilmente através dos canais digitais da ITP.

  • REC.PG-01500 Utilizar elementos visuais e textuais que reforcem o direcionamento, como loaders, animações, barras de progresso ou indicadores visuais.

image-20260609-141507.png
Elementos visuais do direcionamento ITP>ID

 


Etapa 3: Confirmação

Nesta etapa, o usuário: Se autentica na Instituição Detentora de Conta (ID). Pode escolher a conta que deseja usar para fazer o pagamento se ele possuir mais de uma conta na ID. Revisa as informações da solicitação enviadas pela Instituição Iniciadora de Transação de Pagamento (ITP). Confirma a solicitação. 
 A ID deve: Garantir um ambiente seguro para autenticação. Exibir o resumo da solicitação. Permitir a edição da conta de débito, se o usuário possuir múltiplas contas. Viabilizar a confirmação com o mínimo de fricção. 

 Se houver erro, exibir mensagens claras e orientativas ao usuário. Comunicar o resultado da solicitação à ITP. Enviar notificações ao usuário e aos demais aprovadores nos cenários de múltiplos aprovadores.
image-20260616-184640.png
Etapa 3: Confirmação

 

Requisitos - ID

Cenário: Autenticação na Detentora

  • REQ.PG-03700 Solicitar a autenticação do usuário conforme os padrões já definidos pela própria ID para operações fora do Open Finance, em conformidade com a regulação vigente.

  • REQ.PG-03800 Permitir que o usuário siga o fluxo padrão da instituição para recuperação ou criação de acesso.

  • REQ.PG-03900 Não exibir etapas adicionais ou utilizar métodos mais rigorosos de autenticação não contemplados em seu canal digital a fim de desincentivar a transação, conforme a regulação vigente.

image-20260615-180041.png
Autenticação na Detentora

 

Cenário: Seleção da conta de débito

  • REQ.PG-04000 Se o usuário tiver múltiplas contas na ID, tiver especificado a conta para pagamento na ITP e esta conta estiver válida e disponível após o login, exibi-la já selecionada por padrão.

  • REQ.PG-04100 Se o usuário tiver múltiplas contas na ID, permitir que o usuário altere a conta de débito antes de confirmar a transação.

  • REQ.PG-04200 Se o usuário tiver múltiplas contas na ID, exibir todas as contas aptas para seleção.

  • REQ.PG-04300 Se o usuário tiver múltiplas contas na ID, indicar visualmente as contas que não estiverem aptas, com indicação clara do motivo.
    Ex.: desabilitação visual da conta inapta com tag indicando o motivo.

  • REQ.PG-04400 Impedir a continuidade da jornada sem que uma conta válida seja selecionada.

  • REQ.PG-04500 Manter o texto da opção de confirmação consistente, mesmo se a conta ainda não tiver sido selecionada.

image-20260615-175951.png
Seleção da conta de débito

image-20251010-134700.png
Fluxograma de exibição da conta de débito selecionada

Atenção!

Se resposta for negativa para alguma das perguntas do fluxograma apresentado, a Detentora não conseguirá utilizar o dado da conta de débito para facilitar a jornada.

Cenário: Revisão e confirmação de transação de pagamento

Após se autenticar, o usuário visualiza, na ID, os dados da transação informados pela ITP.

  • REQ.PG-04600 Além das informações descritas nesta etapa, exibir quaisquer outras informações exigidas pelo arranjo de pagamento para confirmação da transação.

  • REQ.PG-04700 Exibir o valor do pagamento conforme informado pela ITP.

  • REQ.PG-04800 Exibir número da agência e número da conta da conta de débito selecionada.

  • REQ.PG-04900 Exibir a descrição do pagamento quando informada pela ITP.

  • REQ.PG-05000 Exibir nome e CPF (mascarado ou não)/CNPJ do recebedor.

Nota
Nesta etapa, a exibição do nome da instituição de destino do recebedor é opcional e fica a critério do participante.

  • REQ.PG-05100 Exibir a data do pagamento conforme informado pela ITP.

  • REQ.PG-05200 Exibir a forma de pagamento conforme informado pela ITP.

  • REQ.PG-05300 Se a ID cobrar tarifa pelo serviço, exibir o valor da tarifa cobrada.

  • REQ.PG-05400 À exceção de limites de crédito previamente contratados e disponíveis, não exibir ofertas de crédito durante a jornada, conforme regulação.
    Ex.: cheque especial.

  • REQ.PG-05500 Informar ao usuário que, após a confirmação, ele será redirecionado para a ITP.

  • REQ.PG-05600 Permitir que, após se autenticar e revisar os dados da transação, o usuário conclua a operação com uma única confirmação.

  • REQ.PG-05700 Se a instituição utilizar um método adicional de confirmação da transação, seguir o mesmo padrão utilizado fora do Open Finance.

  • REQ.PG-05701 Exibir o nome da instituição responsável pela iniciação da transação de
    pagamento.

  • REQ.PG-05800 Não exibir Termos e Condições durante a confirmação de pagamento.

Nota
Os Termos e Condições podem ser exibidos no ambiente de gestão Open Finance da ID.

image-20260625-122054.png
Revisão e confirmação da transação

 

 

Cenário: Interrupção da jornada

  • REQ.PG-05900 Permitir que o usuário interrompa a jornada antes da confirmação.

  • REQ.PG-06000 Garantir que a opção de interrupção da jornada não seja visualmente mais proeminente do que a opção de prosseguir.