Along with detailed order information via API call or Payment Link, the user web page can be redirected to LinkPay Payment Page as shown below, and the user needs to choose a payment method, either card payment or wallet payment. Notes: In the LinkPay interface, there are three elements that you can customize, corresponding to positions 1, 2, and 3 in the diagram above. Each position has its own method of customization
Position 1: This is the merchant's logo, which is provided by merchant, and the Acquirer can upload it for the merchant when activating the Checkout (LinkPay) feature in the EVO Cloud Portal.
Position 2: This is the merchant's name; the content here will be the same as the “Store Name” setup in EVO Cloud portal.
Position 3: This is the name of the Acquirer; the content here will be the same as the “Acquirer English Name” in EVO Cloud portal, can be defined by the Acquirer, and setup by CIL operation team. For details about element customization, please refer to the “EVO Cloud Portal User Manual”.
If the user wants to pay with a credit or debit card, card information is required on LinkPay Payment Page. The screenshot is shown as below: If you set the User Reference and Vault ID when you create a LinkPay order, the “Save card details for next time” checkbox will display on the screen.
If the user chooses “Save card details for next time” in the previous payment, then when the next payment, user will see the stored card(s) in LinkPay. They can use the card to make payments directly.
Based on the Card Schemes and acquirers set up in EVO Cloud, a 3DS authentication may be required, and the user will be redirected to a 3DS authentication page. An example for the 3DS authentication screenshot is shown as below:
After the authentication is completed, LinkPay will go back to the following payment page with payment result.
For bank card payment transactions, the LinkPay backend processes on both PC and Mobile are the same. Below is the process diagram for bank card payment transactions without 3DS process in LinkPay.Below is the process diagram for bank card payment transactions with 3DS process in LinkPay.This diagram illustrates the process of the LinkPay Payment Page; the interaction between the merchant and LinkPay is detailed in How to Integrate with LinkPay
For Alipay, the LinkPay backend processes on both PC and Mobile are the same. Below is the process diagram for Alipay in LinkPay.This diagram illustrates the process of the LinkPay Payment Page; the interaction between the merchant and LinkPay is detailed in How to Integrate with LinkPay
Open the LinkPay Payment Link with web browser, select 'AlipayHK', and then click on 'Continue'.
An AlipayHK QR code will instantly pop up for the user to conduct the payment. The user needs to use AlipayHK APP to scan the QR code to conduct the payment.
A success page will be displayed after the payment is completed.
For AlipayHK, the LinkPay backend processes on both PC and mobile are different. Below is the process diagram for AlipayHK on PC.Below is the process diagram for AlipayHK on Mobile.This diagram illustrates the process of the LinkPay Payment Page; the interaction between the merchant and LinkPay is detailed in How to Integrate with LinkPay
For WeChat Pay, the LinkPay backend processes on both PC and mobile are different. Below is the process diagram for WeChat Pay on PC.Below is the process diagram for WeChat Pay on Mobile include below 2 payment scenarios. a.Wechat H5 Payment: Wechat Pay user visits merchant H5 website and makes the payment in mobile browser. b.Wechat Official Account Payment: Wechat Pay user visits merchant mobile website and makes the payment in Wechat native browser or Wechat Official Account.This diagram illustrates the process of the LinkPay Payment Page; the interaction between the merchant and LinkPay is detailed in How to Integrate with LinkPay
For Octopus, the LinkPay backend processes on both PC and mobile are different. Below is the process diagram for Octopus on PC.Below is the process diagram for Octopus on Mobile.
When creating a LinkPay order, select "Single Payment" as the order type and fill in the User Reference and Vault ID in the order information.
Open the LinkPay Payment Link with web browser, enter your card number.
After entering the correct card number, the system will require you to continue entering the card's expiration date, security code, and cardholder name.
You can select to save card details for next time.
When you enter the transaction page again, you can directly use the previously saved card for payment.
At the same time, you can choose to use other cards and save them in the same way. Or delete the currently saved card information.
Open the LinkPay Payment Link on mobile phone and continue to select payment method.
After entering the card number, you can choose to save the information for next time use, and you will be required to fill in the expiration date, security code, and other information.
After saving the information, you can choose the saved card for payment the next time you enter, and you can also delete the existing card information or use another card for payment.
After receiving the email, the customer can click the payment link in the email to proceed with the payment operation.
In the payment interface, users need to fill in the corresponding information according to the LinkPay template requirements.
The right side displays the information entered by employees when creating the order, including product description, order number, expiration date, price, etc.
If the template requires customers to fill in billing address and delivery address, when filling in the information, the billing and delivery addresses are the same by default. If the actual situation is not the same address, customers need to click "Specify a separate delivery address" to create a delivery address to separate the two addresses.
After completing and verifying the information, you can proceed to the payment selection interface. The right side shows the customer-filled information compared to the previous interface for verification again. In this interface, you can choose the payment method needed.
After selecting the payment method and filling in the corresponding information, you can click the payment button to complete the payment.
Payment results may be: payment successful, failed, or order timeout, etc.