This is an overview of the WeChat Pay and Alipay checkout flow for WooCommerce using China Payments Plugin.
Setting up WeChat Pay + WooCommerce
Feel free to read the documentation below or watch this video that covers everything you need to know about setting up WooCommerce integration for China Payments Plugin.
How to Accept WeChat Pay with WooCommerce
The setup instructions for Alipay are very similar to WeChat Pay. We will be releasing another video about Alipay soon.
To setup WooCommerce, follow these instructions:
Install and activate China Payments Plugin on your WordPress website.
Go to the China Payments Plugin settings under China Payments on the left side menu.
Connect your Stripe account in TEST mode.
Switch to LIVE mode and connect your Stripe account again.
Go to WooCommerce > Settings > Payments and activate WeChat Pay by China Payments Plugin or Alipay by China Payments Plugin.
You can customize the descriptive fields that appear in the checkout page in the WooCommerce settings.
You can add a Currency Conversion API to display CNY pricing on the checkout page in advance of completing payment. The detailed instructions for that can be found under China Payments > Currency tab.
WooCommerce Checkout Flow
With the Inline QR code option left as-is, the QR code will appear like this in your WooCommerce checkout:
QR code generated when checking out with WeChat Pay for WooCommerce
When customers scan the QR code and complete payment on their mobile device, your website will automatically refresh and redirect customers to the payment confirmation page, as set in your WooCommerce settings.
The checkout flow is built to check Stripe for payment confirmation every 5 seconds.