# WeChat Pay User Experience

## WeChat Pay User Experience on Desktop

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

### ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/66000478105/original/TpUidChnMZkgCdXKOZyxeivi5968r7iviQ.png?1600114678)

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

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/66000478106/original/jk5o6ggqqxsMjzYmjmA2nL0Saoi1wk0OKQ.png?1600114678)

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.

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/66000478107/original/VH1WWQPvbF8M5TJTw3nSOIdM-VX5OZu8zQ.png?1600114678)

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.

{% hint style="info" %}
See our documentation on [Common WeChat Pay Error Messages](https://docs.chinapaymentsplugin.com/common-error-messages/common-wechat-pay-error-messages) if your customers are experiencing checkout issues.
{% endhint %}

## WeChat User Experience on Mobile

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

![WeChat Pay QR Code](https://chinapaymentsplugin.com/wp-content/uploads/wechat-pay-qr-code-280x300.png)

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

![Scanning WeChat Pay QR Code in WeChat App](https://chinapaymentsplugin.com/wp-content/uploads/scanning-wechat-pay-QR-code.gif)

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

![Confirming Payment Pin in WeChat App](https://chinapaymentsplugin.com/wp-content/uploads/wechat-pay-confirm-payment-576x1024.jpg)

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

![Payment Confirmation Page in WeChat App](https://chinapaymentsplugin.com/wp-content/uploads/payment-success-576x1024.jpg)

{% hint style="info" %}
See our documentation on [Common WeChat Pay Error Messages](https://docs.chinapaymentsplugin.com/common-error-messages/common-wechat-pay-error-messages) if your customers are experiencing checkout issues.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.chinapaymentsplugin.com/payment-methods/wechat-pay/wechat-pay-user-experience.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.