Pular para o conteúdo principal
Tela explicada

Bilhetes de embarque (cartões com QR Code)

Os cartões de embarque de todos os passageiros da reserva, com QR Code, para imprimir, copiar ou enviar por WhatsApp e e-mail.

App Via FluvialVer minhas viagens e bilhetes · passo 2 de 3

Como é a tela

Protótipo - dados fictíciosProtótipo: Ver minhas viagens e bilhetes
Carregando simulação…
Simulação no design do app · dados fictícios

0 de 8 passos com captura real.

Para que serve

Rever e compartilhar os bilhetes depois da compra. Há um cartão por passageiro e por trecho (ida e, se houver, volta), cada um com o QR Code apresentado no embarque.

Quem acessa e como chegar

Passageiro conectado, em reservas confirmadas.

  1. Abra “Minhas Viagens”.
  2. No cartão da reserva confirmada, toque em “Ver Bilhetes de Embarque”.

Campos

Tela de consulta e compartilhamento: não há campos para preencher. Cada cartão mostra Passageiro, CPF, Origem, Destino, Embarcação, Porto, Data, Horário, Tipo da passagem, Nascimento, número do bilhete e da reserva.

Botões e ações

Ações da tela
AçãoO que fazLeva para
Imprimir BilheteAbre a impressão com todos os cartões, um por folha.-
Copiar BilheteCopia a imagem do primeiro cartão visível para colar no WhatsApp; se o navegador não permitir, baixa a imagem.-
Compartilhar Bilhete no WhatsappCompartilha as imagens dos cartões pelo sistema do celular; sem esse recurso, copia ou baixa a imagem, ou abre o WhatsApp com um texto da reserva.-
Compartilhar Bilhete no EmailEnvia cada bilhete emitido ao e-mail do pagador, com PDF e imagem.-
Bilhete Anterior / Próximo BilheteNo celular, passa de um cartão para outro.-
Fechar (X)Fecha os bilhetes e volta para Minhas Viagens.Minhas viagens - lista de reservas

Estados da tela

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

Bilhetes da reserva

Título “Bilhetes de Embarque”, código da reserva, quantidade de passageiros e os cartões “Cartão de Embarque” com “Apresente Este QR Code no Embarque”.

Simulação

QR indisponível

Cartão sem QR Code, com o aviso para usar o código do bilhete e da reserva na validação manual.

Simulação

Mensagens exibidas

Textos exatos mostrados ao usuário.

  • “QR deste bilhete indisponível no momento. Utilize o código do bilhete e da reserva para validação manual.”Bilhete sem QR Code
  • “Bilhetes enviados por email com PDF e imagem.”Envio por e-mail concluído (mais de um bilhete)
  • “Nao encontramos email do pagador para envio.”Reserva sem e-mail válido do pagador
  • “Envio parcial por email: ${result.sent}/${result.total} bilhetes enviados.”Só parte dos bilhetes foi enviada (com os números)
  • “Imagem do cartao copiada. No WhatsApp, selecione o contato e cole (Ctrl+V).”Compartilhar no WhatsApp pelo computador
  • “Seu navegador nao permitiu copiar. A imagem foi baixada para anexo manual.”Cópia de imagem bloqueada pelo navegador
  • “WhatsApp aberto com texto por falta de suporte a compartilhamento de imagem.”Navegador sem compartilhamento de imagens

Acessibilidade e celular

  • QR Code com texto alternativo “QR Code do bilhete”.
  • Setas do carrossel com rótulos “Próximo Bilhete” e “Bilhete Anterior”.
  • No celular, a janela ocupa a tela inteira e os cartões ficam em carrossel; no computador, em grade de 2 colunas quando há mais de um bilhete.

Dúvidas comuns e solução de problemas

Comprei ida e volta. Por que vejo dois cartões por pessoa?

Há um cartão para cada trecho: um da ida e outro da volta.

O QR Code não apareceu.

Use o número do bilhete e o código da reserva mostrados no cartão; a tripulação pode validar manualmente.

Para qual e-mail o bilhete é enviado?

Para o e-mail do pagador informado na compra.

Mais detalhes em Ver minhas viagens e bilhetes.