Plugin Details
Home / Plug-in market / WeChatPay Support H5 payment
WeChatPay Support H5 payment
Plugin Usage Scenarios:
This plugin is suitable for users in Mainland China or users who use WeChat, enabling quick implementation of online shopping payment collection for independent sites.
Plugin Features:
Once the plugin is activated, customers can select WeChat payment as a payment option on the checkout page.
- On PC, the WeChat payment QR code will be displayed for customers to scan with WeChat to make the payment.
- On mobile H5, a redirection page will be shown, and customers can click to be redirected to WeChat to complete the payment.
Usage Instructions:
Before using this plugin, you need to enter configuration details such as Developer ID (AppID), Developer Secret (AppSecret), WeChat Merchant ID, and API Key. You can also choose whether to enable logs and whether to activate this plugin.
Page Display:
1. Backend Configuration Page
2. PC Frontend Payment Preview
3. H5 & Mobile Frontend Payment Preview
Plugin demo: https://plus.beikeshop.com/
Account:[email protected]
Password:demo
==================
WeChat Payment Integration Application:
Before configuring WeChat Payment, you need to first register and authenticate a WeChat Official Account (must be a service account) and a merchant account.
1.Log in to the WeChat Official Platform (https://mp.weixin.qq.com/), and click on WeChat Pay in the left navigation menu → Payment Application.
2.After activating WeChat Pay, log in to the WeChat Pay Merchant Platform (https://pay.weixin.qq.com/), go to the Product Center, and choose the appropriate payment product based on your website type (e.g., use Native Payment for PC websites, and H5 Payment for mobile websites).
3.Set up the Payment Directory:
Log in to the WeChat Pay Merchant Platform, go to Product Center → Development Configuration → Payment Configuration, and add the payment authorization directory (i.e., the directory of your payment page, e.g., https://www.yourdomain.com/
).
4.Set the API Key:
In the WeChat Pay Merchant Platform, go to Account Center → API Security, set the APIv2 Key, and make sure to record it.
5.Link the Official Account:
Associate the WeChat Pay Merchant Account with the WeChat Official Account. Log in to the WeChat Pay Merchant Platform, go to Product Center → AppID Account Management → Link AppID, and fill in the AppID of your Official Account.
In the WeChat Official Account backend, go to Ads & Services → WeChat Pay → Pending Merchant Account and confirm the association.
6.Payment Configuration:
Obtain the WeChat Pay Merchant Account Number and API Key (API KEY).
WeChat Pay Merchant Account Number: In the Merchant Platform, go to Account Center → Merchant Information to obtain the WeChat Pay Merchant Account Number.
Obtain the Developer ID and Developer Secret.
Log in to the Official Account backend, click on Settings & Development → Basic Configuration, and copy the corresponding parameters to the WeChat Pay configuration page!
You also need to add an IP whitelist to prevent the page from appearing blank when accessing the website from WeChat.