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
  • Alipay User Experience on Desktop
  • Alipay User Experience on Mobile
  1. Payment Methods
  2. Alipay

Alipay User Experience

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

PreviousAlipayNextCredit Cards

Last updated 3 years ago

No matter what checkout flow you have set up, customers are redirected to the Alipay website or mobile APP to complete payment, depending on if they are using a desktop or mobile device.

Alipay User Experience on Desktop

After clicking submit payment on your website, customers are redirected to the Alipay website.

They are given the option to scan a QR code with their mobile device (most common), or login using their Alipay account details (less common).

Alipay User Experience on Mobile

After clicking submit payment on your website, customers are presented with this screen, giving them the option to open the Alipay mobile APP to complete payment, or open the Alipay website to complete payment, as above.

If they select the mobile APP option, they will then complete the checkout process on the Alipay mobile APP, and then the mobile APP will redirect them to your payment confirmation page.

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

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

Common Alipay Error Messages
Common Alipay Error Messages
Complete payment via Alipay by scanning QR Code
Complete payment via Alipay by logging in
Alipay Mobile Checkout Experience