Pular para o conteúdo principal
Tela explicada

Pague com Pix

QR Code e código Pix copia e cola do frete; a tela atualiza sozinha quando o banco confirma.

App de CargasContratação de frete de carga · passo 12 de 14

Como é a tela

Protótipo - dados fictíciosProtótipo: Contratação de frete de carga
Carregando simulação…
Simulação no design do app · dados fictícios

0 de 24 passos com captura real.

Para que serve

Concluir o pagamento por Pix. Mostra o valor, o transportador e a rota, o QR Code, o código copia e cola e o tempo até o código expirar. A cada 5 segundos o app consulta o pagamento; aprovado, abre a confirmação do frete. Se o código expirar, é possível gerar um novo.

Quem acessa e como chegar

Quem escolheu Pix na revisão e pagamento.

  1. Na revisão e pagamento, com Pix selecionado, toque em “Pagar R$ … com Pix”.

Campos

Sem campos: a pessoa lê o QR Code ou copia o código no app do banco.

Botões e ações

Ações da tela
AçãoO que fazLeva para
CopiarCopia o código Pix copia e cola.-
Já pagueiConsulta o pagamento na hora; se ainda estiver pendente, avisa que a tela atualiza sozinha. Aprovado, abre a confirmação.Frete confirmado
Gerar novo códigoGera um novo código Pix quando o anterior expirou.-
Trocar forma de pagamentoVolta à revisão e pagamento.Enviar carga - passo 4, revisão e pagamento

Estados da tela

Como a tela se comporta em cada situação.

Aguardando pagamento

QR Code, código copia e cola, contador “Código expira em …” e o aviso “Aguardando pagamento…”.

Simulação

Código expirado

Aviso “O código Pix expirou.” com o botão “Gerar novo código”.

Simulação

Mensagens exibidas

Textos exatos mostrados ao usuário.

  • “Aguardando pagamento… Esta tela atualiza sozinha assim que o banco confirmar.”Pix pendente
  • “Ainda não recebemos a confirmação do banco. Esta tela atualiza sozinha.”“Já paguei” com pagamento ainda pendente
  • “Pagamento confirmado!”Pix aprovado
  • “Código Pix copiado.”Depois de copiar
  • “Novo código Pix gerado.”Depois de reemitir
  • “Nenhum Pix pendente para esta remessa”Sem cobrança Pix pendente
  • “💡 Dica: pague de qualquer conta; o comprovante sai em nome do contratante.”Sempre, no rodapé

Acessibilidade e celular

  • QR Code com texto alternativo “QR Code do Pix”.
  • Situação do pagamento anunciada (aria-live); expiração com role=alert.

Dúvidas comuns e solução de problemas

Paguei e a tela não mudou.

Toque em “Já paguei”. A tela também atualiza sozinha assim que o banco confirmar.

Posso pagar de outra conta?

Sim. Pague de qualquer conta; o comprovante sai em nome do contratante.

Mais detalhes em Contratação de frete de carga.