Online Payment

Yuansfer offers your customers the option to pay with their preferred payment method, including standard cards and many kinds of wallets. You can integrate Yuansfer's online payment solution to your website and the mobile app quickly.

You can choose the following integration methods.

1. Integrate the Yuansfer-hosted secure payment page. This is referred to as Yuansfer Checkout.

2. Integrating the Yuansfer API and building your own UI for your preferred payment methods. This is referred to as Yuansfer Integrated Payments.

Integration Option	What this integration offers	When should you use this
Yuansfer Checkout	Redirect customers to a Yuansfer-hosted checkout page.	You are unable to host a payment form.
Yuansfer Integrated Payments	Use only Yuansfer APIs and then build your own UI for each payment method.	You want to develop a fully customized payment form, with full UI control.

Yuansfer Checkout Flow

You can use the secure-pay API to integrate Yuansfer Checkout.

1. The Merchant's system submits the order to the Yuansfer system when a customer places an order.

2. The Yuansfer system leads the customer to the Cashier Page to check out. The Cashier Page displays a different payment method depending on the selected payment service.

3. The customer confirms payment on the Cashier Page.

4. The Yuansfer system sends the payment result to the Merchant's system.

5. The Merchant's system shows the payment result to the customer.

The following are screenshots of several checkout pages.

Cashier pages for wallet and credit card payment

Yuansfer Integrated Payments

You can use the prepay API to integrate Yuansfer Integrated Payments.

1. The Merchant's system submits the order to the Yuansfer system when a customer places an order.

2. The Yuansfer system generates a new transaction ID and returns it to Merchant's system.

3. The Merchant's system shows the own Cashier Page, and the customer can select the preferred payment method on the page.

4. The customer confirms payment on the Cashier Page.

5. The Merchant's system sends the customer's payment request to Yuansfer with the needed parameters.

6. The Yuansfer system sends the payment result to the Merchant's system.

7. The Merchant's system shows the payment result to the customer.