Ao pagar via código QR (usando WeChat Pay ou Alipay, por exemplo), o vendedor gera um código QR que o usuário digitaliza com o seu aplicativo de pagamento. Após o pagamento ser confirmado e os fundos debitados, o vendedor recebe uma notificação sobre a transação bem-sucedida. Esse método garante a segurança do pagamento, pois o usuário não insere seus dados bancários e todas as informações são processadas pelo sistema de pagamento.

Para usar a Headless checkout para aceitar pagamentos via código QR:

1. Adicione a manipulação do evento show_qr_code para exibir um código QR.

Exemplo:

headlessCheckout.form.onNextAction((nextAction) => {
  switch (nextAction.type) {
    case 'show_qr_code': {
      showQrCode = true;
    }
  }
});

2. Adicione o componente psdk-qr-code à marcação HTML da interface de pagamento.

Exemplo:

@if (showQrCode) {
  <psdk-qr-code></psdk-qr-code>
  <psdk-submit-button text="Show status" />
}