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:

1headlessCheckout.form.onNextAction((nextAction) => {
2  switch (nextAction.type) {
3    case 'show_qr_code': {
4      showQrCode = true;
5    }
6  }
7});

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

Exemplo:

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