Cuando se paga mediante código QR; p. ej., utilizando WeChat Pay o Alipay, el vendedor genera un código QR que el usuario escanea con su aplicación de pago. Tras confirmar el pago y cargar los fondos a la cuenta, el vendedor recibe una notificación sobre la transacción realizada correctamente. Este método garantiza la seguridad del pago, ya que el usuario no introduce sus datos bancarios y todos los datos son procesados por el sistema de pago.

Para utilizar el Headless checkout para aceptar pagos mediante código QR:

1. Agregue el control del evento show_qr_code para mostrar un código QR.

Ejemplo:

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

2. Agregue el componente psdk-qr-code al marcado HTML de la interfaz de pago.

Ejemplo:

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