Yuansfer DOCS
  • Introduction
  • GUIDE
    • Online Payment
    • Point of Sale
      • Scan QR Code
      • Create QR Code
    • Plugins
    • Payment Methods
    • Financial Report
    • Security
    • Incident Priorities
    • SDK
    • Tutorials & Examples
      • PHP SDK
      • JAVA SDK
      • C# SDK
      • JS SDK
  • API REFERENCE V3
    • Sandbox Environment
      • Apply Sandbox Credentials
    • Signing API Parameters
    • Customers
      • Register Customer
      • Retrieve Customer
      • Update Customer
    • Payments
      • Online Payment
        • Yuansfer Checkout
        • Yuansfer Integrated Payment
          • Braintree Payments
          • Prepay
        • Recurring Payments
          • Authorize
          • Apply Token
          • Pay
          • Revoke
      • Point of Sale Payment
        • Scan QR Code
          • Add
          • Prepay
        • Create QR Code
    • Transaction Revert
      • Refund
      • Cancel
    • Transaction Data Search
      • Transaction Query
    • Payouts
      • Create Payee
      • Retrieve Payee
      • Balance
      • Send Money
      • Search Payments
    • Notes
  • 中文
Powered by GitBook
On this page
  • Yuansfer Checkout Flow
  • Yuansfer Integrated Payments

Was this helpful?

  1. GUIDE

Online Payment

PreviousIntroductionNextPoint of Sale

Last updated 4 years ago

Was this helpful?

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 .

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

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 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.

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.

You can use the API to integrate Yuansfer Integrated Payments.

prepay
secure-pay
Yuansfer Checkout
Yuansfer Integrated Payments
Cashier pages for wallet and credit card payment