On this page, you can find additional configuration for adding WeChat Pay to your Components integration.
Before you begin
This page assumes you have already:
- Built a Components integration.
- Added WeChat Pay in your Customer Area, to use the desktop QR code flow.
- Contacted our Support Team with your web shop URL for enrolment with WeChat Pay, to use the mobile browser flow.
API reference
You don't need to send additional fields for WeChat Pay. To see optional fields that you can send for all payment methods, choose the endpoint you integrated:
- /sessions: This is the default with Components v5.0.0 or later.
- /payments: If you implemented an additional use case.
Component configuration
Step 1: Create a DOM element
Create a DOM element on your checkout page, placing it where you want the payment method form to be rendered:
<div id="wechatpayWeb-container"></div>
Step 2: Create an instance of the Component
Use the create
method of your AdyenCheckout
instance, in this case checkout
, to create the Component:
const wechatpayWebComponent = checkout.create('wechatpayWeb').mount('#wechatpayWeb-container');
Test and go live
You can check the status of a WeChat Pay payment in your Customer Area > Transactions > Payments.
Before you can accept live WeChat Pay payments, you need to submit a request for WeChat Pay in your live Customer Area.