China Payments Plugin Documentation
Main SiteDemoPricingGet support
EN (English)
EN (English)
  • Welcome 👋
  • Getting Started
    • Quick Setup
    • Activating Payment Methods
  • Checkout Flows
    • WooCommerce
    • MemberPress
    • Simple Membership Plugin
    • LifterLMS
    • Payment Page (payment form)
  • Payment Gateways
    • Stripe
    • Planned Payment Gateways
  • Payment Methods
    • WeChat Pay
      • WeChat Pay User Experience
    • Alipay
      • Alipay User Experience
    • Credit Cards
  • Currencies
    • Supported Currencies
    • Currency Conversion API
  • Common Error Messages
    • Common WeChat Pay Error Messages
    • Common Alipay Error Messages
    • Other Errors + Plugin Conflicts
  • Troubleshooting
    • Troubleshooting Steps
    • Why are payments for WeChat Pay and Alipay getting refunded?
    • How do I add Gaucho Plugins Support to my Stripe Team?
    • Why isn't Stripe Connect working?
    • Why are payments failing in Stripe?
    • WooCommerce Order Completion
  • FAQs
    • How do I set up Stripe Webhooks?
    • Why can't I activate Alipay or WeChat Pay in my Stripe account?
    • How do WeChat Pay and Alipay work?
    • What is China Payments Plugin?
    • How does China Payments Plugin Work?
    • How do I connect with Stripe Connect?
    • How do I upgrade to the PRO or Business plans?
    • How do I set up a payment confirmation page?
    • How long are WeChat Pay QR codes valid?
    • What's the total cost of using China Payments Plugin?
    • How do I remove all plugin data on uninstallation?
    • How do I join the BETA?
    • How do I override the icons used in checkout?
  • Changelog
    • Changelog
Powered by GitBook
On this page
  • WeChat Pay User Experience on Desktop
  • WeChat User Experience on Mobile
  1. Payment Methods
  2. WeChat Pay

WeChat Pay User Experience

The WeChat Pay User Experience (UX) is different when customers are using a mobile or a desktop device. Here are the steps for each checkout flow.

PreviousWeChat PayNextAlipay

Last updated 3 years ago

WeChat Pay User Experience on Desktop

1. The customers select WeChat Pay from the payment options and the payment form appears.

2. The customers must fill out the WeChat Pay payment form.

3. After clicking "Submit Payment", a unique QR code is generated for the customers to scan. Since customers are using a desktop device, they need to scan the QR code with their WeChat mobile app.

4. Scan the QR code with a mobile device.

5. Authorize the payment.

After completing payment through the WeChat mobile app, customers are then redirected to your designated "Thank You page" in their mobile browser. The QR code generated by the form on the desktop device is no longer valid.

WeChat User Experience on Mobile

1. Customer arrives to checkout page w/ WeChat Pay QR code

2. Customer MUST physically scan the QR Code w/ the WeChat APP

3. The customer confirms the payment with their WeChat Wallet secret pin.

4. The payment is successful, and the website will redirect the customer to the payment confirmation page.

See our documentation on if your customers are experiencing checkout issues.

WeChat Pay QR Code
Scanning WeChat Pay QR Code in WeChat App
Confirming Payment Pin in WeChat App
Payment Confirmation Page in WeChat App

See our documentation on if your customers are experiencing checkout issues.

Common WeChat Pay Error Messages
Common WeChat Pay Error Messages