Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
1️ Click Plugins --> Add New
2️ Click Upload Plugins, named ottpay-for-wc.zip.
*️ Click choose file and find the plugin file
4️ Click install now
5️ These two plugins are required: WooCommerce, OTTPAY For WooCommerce. You can find these two in Installed Plugins page if they were installed correctly. Then click Activate button.
6️ Click Settings button which below the OTTPAY For WooCommerce, click Payments button, then you will see OTTPay-WeChat and OTTPAY-Alipay in payment methods, click Manage button.
7️ Input the parameters provided by OTTPAY in the configure page and save.
8️ Create products in the products page
9️ Use the Permalink to redirect to the sale page and make a purchase.
1️ Payment method options display in this page, select one and place order.
2️ Scan the QR code
*️ The Billing details information will display if the purchase succeeds.
Payment Integration with e-Comm Open Systems
We support WeChat Pay, Alipay and UnionPay
1️ Download the above plugin zipped installation file and unzip it as below,
2️ For each payment plugin, there are four folders in the unzipped folder as below.
*️ Upload all of them onto your OpenCart System Root Folder as below,
After upload, you can go to your OpenCart Admin web site, navigating to Extensions -> Extensions -> Choose the extension type -> Payments, you can find these two OTTPAY payment methods: OTT Pay QR Code Payment for WeChat Pay, OTT Pay QR Code Payment For Alipay, OTT Pay QR Code Payment For Union Pay.
Click the green button to Install. After installation, the green button will become red called Uninstall and the Edit button will be enabled.
1️ Navigate to the payment methods provided by OTTPAY, such as OTT Pay QR Code Payment For UnionPay, click Edit button and input the parameters and click Save.
▶️ Available Currency: BOTH(CAD, USD)
▶️ Available Currency: CAD
▶️ Available Currency: USD
Merchant ID: provided by OTTPAY
Merchant Key: provided by OTTPAY
Merchant Code *: provided by OTTPAY
Operator ID: provided by OTTPAY
* Merchant Code is needed to make the payment ONLY in the WeChat browser.
1️ Go to Product page, select the items to your shopping cart.
2️ Click Checkout button when you finish shopping.
*️ Payment method options will be displayed as below, select one and place the order.
👉 OTTPAY Plugin will automatically identify the browser environment to generate a payment QR code in the PC browser or make a payment directly by customer in the mobile browser.
If PC Browser, it will generate a payment QR code for payment
If Mobile Browser, such as Safari or Chrome, it will activate only Alipay eWallet available for payment
If WeChat browser, it automatically activate the eWallet according to the payment method selected by the customer
*️ After payment, The order placed information will bed displayed as below.
1️ Go to Product page, select the items to your shopping cart.
2️ Click Checkout button when you finish shopping.
*️ Payment method options will be displayed as below, select one and place the order.
👉 OTTPAY Plugin will automatically identify the browser environment to pop up Secure Pay webpage in the PC browser or activate Express Pay Wallet App in the mobile browser.
If PC Browser, it will pop up a UnionPay Secure Pay Webpage as below,
If Mobile Browser, it will activate Union Pay Express Pay eWallet if installed in your mobile.
If WeChat browser, it will activate Union Pay Express Pay eWallet if installed in your mobile.
*️ After payment, The order placed information will bed displayed as below.
Status: select Enabled
Debug Mode: select Disabled
Default order status: select Pending
Finished order status: select Complete
Sort order: 1
2️ Login to Magento Admin Panel
*️ Click two of 'Flush' buttons below to clean the cache of Magento (System – Cache Management)
1️ Re-login and open System Configuration Payment Methods. There are WeChat and Alipay Payment methods, fill the form and save.
2️ Create product in Catalog Manage Products
*️ Add customer in Customers Manage Customers
1️ Create New Order in Sales
2️ Login the front page of Magento and checkout in cart.
*️ WeChat and Alipay’s payment method will be displayed as below, choose one
4️ After placed order, you will see QR code, and you will see the order status if payment succeed.
5️ The order information will be displayed in the Sales Orders
for version 2.3.3 to version 2.3.5, here is our approach to fix the issue, just for reference.
☑️ Go to Magento path, find the file:
vendor/magento/module-checkout/view/frontend/web/js/action/select-payment-method.js
☑️ Open select-payment-method.js and Change file as below,
Original:
New:
☑️ Under magento system root folder, run the following magneto commands
☑️ Restart the web server as below,
vi /var/www/magento/vendor/magento/module-checkout/view/frontend/web/js/action/select-payment-method.jsdefine([
'../model/quote'
], function (quote) {
'use strict';
return function (paymentMethod) {
if (paymentMethod) {
paymentMethod.__disableTmpl = {
title: true
};
}
quote.paymentMethod(paymentMethod);
};
});define([
'../model/quote'
], function (quote) {
'use strict';
return function (paymentMethod) {
/*if (paymentMethod) {
paymentMethod.__disableTmpl = {
title: true
};
}*/
quote.paymentMethod(paymentMethod);
};
});$ sudo php bin/magento setup:upgrade
$ sudo php bin/magento setup:di:compile$ sudo systemctl restart httpd
Support both of PC-Browser and Mobile-Browser/WebChat-Browser on Alipay and WeChat Pay
Here is our approach to fix the issue, just for reference. 👉
1️ Step1: Upload the files to the app/code directory, the directory structure: app/code/Ottpay/…
2️ Step2: Check current status of installed modules/plug-ins
Go to the root directory of the Magento website, run the following command:
Then you will see Ottpay_Alipay and Ottpay_WeChat are not activated.
*️ Step3: Activate the Plugins of Ottpay_Alipay and Ottpay_WeChat
sudo php bin/magento module:enable Ottpay_Alipay Ottpay_Wechat
4️ Step4: To make sure that the enabled modules are properly registered, run 'setup:upgrade'
sudo php bin/magento setup:upgrade
1️ Go to Magento Website Admin > Stores > Configuration > Sales > Payment Methods
2️ Open Ottpay Settings-Alipay to fill in the configuration information with merchant ID and Operator ID, Merchant Code, Sign key. Please contact Ottpay BD team to get them once singed the service contract.
*️ Open Ottpay Settings-WeChat to fill in the configuration information with merchant ID and Operator ID, Merchant Code, Sign key. Please contact Ottpay BD team to get them once singed the service contract.
1️ Select Payment Methods (WeChat Pay /Ali Pay) as below, and Place Order
2️ Scan the following QR Code displayed, by using WeChat Pay /Ali Pay mobile app
*️ Once finished payment process with WeChat Pay /Ali Pay mobile app, you will see the result information from Magento system.
sudo php bin/magento module:status[ryanl@localhost magento]$pwd
/var/www/magento
[ryanl@localhost magento]$ sudo php bin/magento module:enable Ottpay_Alipay Ottpay_Wechat
The following modules have been enabled:
- Ottpay_Alipay
- Ottpay_Wechat
To make sure that the enabled modules are properly registered, run 'setup:upgrade'.
Cache cleared successfully.
Generated classes cleared successfully. Please run the 'setup:di:compile' command to generate classes.
Info: Some modules might require static view files to be cleared. To do this, run 'module:enable' with the --clear-static-content option to clear them.
[ryanl@localhost magento]$pwd
/var/www/magento
[ryanl@localhost magento]$ sudo php bin/magento setup:upgrade
Cache cleared successfully
File system cleanup:
/var/www/magento/generated/code/Composer
/var/www/magento/generated/code/Dotdigitalgroup
/var/www/magento/generated/code/MSP
/var/www/magento/generated/code/Magento
/var/www/magento/generated/code/Symfony
/var/www/magento/generated/code/Yotpo
The directory '/var/www/magento/generated/metadata/' doesn't exist - skipping cleanup
/var/www/magento/pub/static/adminhtml
/var/www/magento/pub/static/deployed_version.txt
/var/www/magento/pub/static/frontend
/var/www/magento/var/view_preprocessed/pub
Updating modules:
Schema creation/updates:
Module 'Magento_AdminAnalytics':
Module 'Magento_Store':
Module 'Magento_AdobeIms':
Module 'Magento_AdobeImsApi':
Module 'Magento_AdobeStockAdminUi':
Module 'Magento_MediaGallery':
Module 'Magento_AdobeStockAssetApi':
Module 'Magento_AdobeStockClient':
Module 'Magento_AdobeStockClientApi':
Module 'Magento_AdobeStockImage':
Running schema recurring...
Module 'Amazon_Core':
Module 'Amazon_Login':
Module 'Amazon_Payment':
Module 'Dotdigitalgroup_Email':
Module 'Dotdigitalgroup_Chat':
Module 'Klarna_Core':
Module 'Klarna_Ordermanagement':
Module 'Klarna_Kp':
Module 'Magento_PaypalReCaptcha':
Module 'MSP_TwoFactorAuth':
Module 'Ottpay_Alipay':
Module 'Ottpay_Wechat':
Module 'Temando_ShippingRemover':
Module 'Vertex_Tax':
Module 'Vertex_AddressValidation':
Module 'Yotpo_Yotpo':
Enabling caches:
Current status:
Array
(
[layout] => 1
[block_html] => 1
[full_page] => 1
)
Support both of PC-Browser and Mobile-Browser/WebChat-Browser on Alipay and WeChat Pay
2️ Login to ECSHOP Admin Panel --> System Settings --> Payment Methods
*️ Click 'Edit' buttons above highlighted to set up the Configuration of WeChat-Pay and Ali-Pay
1️ The following settings are with WeChat Payment methods, fill the form and save.
2️ The following settings are with Alipay Payment methods, fill the form and save.
1️ Payment method options display in this page, select one and place order.
2️ Scan the QR code
*️ The Billing details information will display if the purchase succeeds.
2️ Login to ECSHOP Mobile Admin Panel --> System Settings --> Payment Methods
*️ Click 'Edit' buttons above highlighted to set up the Configuration of WeChat-Pay and Ali-Pay
1️ The following settings are with WeChat Payment methods, fill the form and save.
2️ The following settings are with Alipay Payment methods, fill the form and save.
1️ Payment method options display in this page, select one and place order.
2️Click 'WeChat H5 OTT Pay' button as below,
*️ The Billing details information will display if the purchase succeeds.
http://localhost:8090/ecshopjcw/index.phpOTT-API-URL = http://qrpay.ottpay.com/h5Pay?
Callbackup(Example) = https://ezshops.ott.ca/wxnativeOTTPAY_callback.phpOTT-API-URL = https://frontapi.ottpay.com/processV2
Callbackup(Example) = https://ezshops.ott.ca/mobile/AliH5OTTPAY_callback.phphttp://localhost:8090/mobile/ecshopjcw/index.phpOTT-API-URL = https://frontapi.ottpay.com/processV2
Callbackup(Example) = https://ezshops.ott.ca/mobile/wxpayOTTPAY_h5_callback.phpOTT-API-URL = https://frontapi.ottpay.com/processV2
Callbackup(Example) = https://ezshops.ott.ca/AliQrOTTPAY_callback.php
