UnionPay User Experience

Learn about the UnionPay checkout experience for your customers on desktop and mobile devices.

Desktop Experience

When a customer selects UnionPay as their payment method during WooCommerce checkout, they will see a secure inline card form directly on the checkout page. The form includes fields for:

  • Card number

  • Expiration date

  • CVC

After entering their card details, the customer clicks the "Place Order" button. The payment is confirmed instantly via Stripe, and the customer is redirected to the order confirmation page.

circle-check

Mobile Experience

On mobile devices, the UnionPay inline card form is fully responsive and works seamlessly in all mobile browsers. Customers enter their card details just as they would on desktop, and payment is confirmed instantly.

How It Differs from WeChat Pay and Alipay

Feature
UnionPay
WeChat Pay
Alipay

Input Method

Inline card form

QR code scan

Redirect to Alipay

Redirect Required

No

No

Yes

Mobile UX

Card form in browser

QR code on another device

Redirect in mobile browser

Payment Confirmation

Instant

Polling (every 5s)

Redirect back to site

Test Card Numbers

When testing UnionPay payments in Stripe test mode, you can use the following test card number:

  • Card Number: 6200 0000 0000 0005

  • Expiration: Any future date

  • CVC: Any 3 digits

circle-info

For more test card numbers, refer to the Stripe testing documentationarrow-up-right.

Last updated