> ## Documentation Index
> Fetch the complete documentation index at: https://waffo.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Checkout

> Waffo's standardized checkout product for managing global payment interaction flows across one-time and subscription payment modes.

Waffo Checkout is Waffo's standardized checkout product, designed to unify the management of global payment interaction flows. It enables merchants to provide a secure, smooth, and consistent payment experience for users across various modes, including **One-time Payments** and **Subscription Payments**.

[Start Integration →](/docs/en/developer-docs/getting-started/overview.md)

[Contact us](mailto:support@waffo.com)

## Core capabilities overview

## Integration modes

**Hosted Checkout**

Waffo hosts and renders the entire checkout page. Your backend creates a payment session and redirects the user to the Waffo-hosted URL.

![Waffo Hosted Checkout preview showing the payment page on multiple devices](https://mintcdn.com/waffo-docs/Pi4mlrktV3FjQDJZ/images/essentials/checkout/hosted-checkout.png?fit=max\&auto=format\&n=Pi4mlrktV3FjQDJZ\&q=85\&s=f2cc4736a482929f190a45ba0f2249e8)

**Embedded Checkout**

Embed the Waffo Checkout directly into your page using the client SDK or pre-built components, giving you full control over layout and user experience.

![Waffo Embedded Checkout preview showing the checkout embedded inside the merchant's page](https://mintcdn.com/waffo-docs/Pi4mlrktV3FjQDJZ/images/essentials/checkout/embedded-checkout.png?fit=max\&auto=format\&n=Pi4mlrktV3FjQDJZ\&q=85\&s=bdf2a8c5e15535308f95a896d10970b8)

## Payment methods showcase

Waffo Checkout dynamically displays available payment methods based on payment mode, region, currency, or business rules. Whether it is a one-time payment or a subscription, the Checkout seamlessly synergizes with the corresponding payment capabilities.

Supported
**430+**
mainstream methods

![Visa, Mastercard, Apple Pay, Google Pay, Alipay, WeChat Pay, TrueMoney and more](/docs/images/payment-methods-logos.svg)

[View Supported Payment Methods →](/docs/en/essentials/payment-methods.md)

## Payment flow experience

From order creation to payment completion, Waffo provides a clear, smooth, and standardized interaction flow.

**1. Confirm Order**

The user browses goods or services on the merchant's site and clicks the "Checkout" button. The merchant backend calls the Waffo API to create a Payment Session or Subscription.

* Generates a unique Order ID
* Presets amount and currency

![Payment flow step 1: confirm order](https://mintcdn.com/waffo-docs/Pi4mlrktV3FjQDJZ/images/essentials/checkout/step1.png?fit=max\&auto=format\&n=Pi4mlrktV3FjQDJZ\&q=85\&s=4fd2d1b8b9b9e7ddd3cc2cc643c568b0)

**2. Invoke Checkout**

The merchant frontend invokes the Waffo Checkout via redirect (Hosted) or SDK initialization (Embedded).

![Payment flow step 2: invoke checkout](https://mintcdn.com/waffo-docs/Pi4mlrktV3FjQDJZ/images/essentials/checkout/step2.png?fit=max\&auto=format\&n=Pi4mlrktV3FjQDJZ\&q=85\&s=5491c48ab541e7de95951cfa50655cb4)

**3. Select Payment Method**

The user selects their preferred payment method from the dynamically displayed options. Available methods are filtered by region, currency, and merchant configuration.

![Payment flow step 3: select payment method](https://mintcdn.com/waffo-docs/Pi4mlrktV3FjQDJZ/images/essentials/checkout/step3.png?fit=max\&auto=format\&n=Pi4mlrktV3FjQDJZ\&q=85\&s=f2f902166cd525b7c47b3d60c3a09e7d)

**4. Authorize and complete payment**

The user completes authentication and authorization through the selected payment method's native flow (card input, wallet redirect, biometric, etc.).

![Payment flow step 4: authorize and complete payment](https://mintcdn.com/waffo-docs/Pi4mlrktV3FjQDJZ/images/essentials/checkout/step4.png?fit=max\&auto=format\&n=Pi4mlrktV3FjQDJZ\&q=85\&s=c984eb0264839ab1f53ba228ee84d04f)

**5. Result & Notification**

Waffo returns the payment result to the user's browser and sends a webhook notification to the merchant's backend. The merchant updates order status accordingly.

![Payment flow step 5: result and notification](https://mintcdn.com/waffo-docs/Pi4mlrktV3FjQDJZ/images/essentials/checkout/step5.png?fit=max\&auto=format\&n=Pi4mlrktV3FjQDJZ\&q=85\&s=7f109986ed43922e5c8e6c19133e022f)

## UI customization options

To ensure the checkout blends seamlessly with your brand, Waffo offers granular customization options. You can control the look and feel via three methods:

* **Merchant Portal:** Visual Configuration, No Code Required. Upload logo, configure brand colors and interface styling, customize payment method order—all with real-time preview in the merchant dashboard.
* **API Parameters:** Server-side dynamic control. Pass configuration parameters when creating a Session to display different interfaces for different user groups (e.g., VIPs).
* **Client SDK:** Frontend fine-grained control. (Embedded only). Define specific CSS properties like fonts, spacing, and border radius via JavaScript objects.

![Waffo Merchant Portal showing the Cashier Customization screen with live preview of the checkout interface](https://mintcdn.com/waffo-docs/Pi4mlrktV3FjQDJZ/images/essentials/checkout/ui-customization.png?fit=max\&auto=format\&n=Pi4mlrktV3FjQDJZ\&q=85\&s=b504f404bf8f5b63b3a3d75c694a0dbe)

## Multi-language support

Waffo Checkout aims to provide a payment experience that feels like a native local application for global users. To deliver the most precise localization, Waffo Checkout intelligently presets and presents the most suitable interface language based on the region of the selected payment method.

> [!NOTE]
>
> **Example:** When a user selects **Alipay**, the system automatically adapts to a **Simplified Chinese** interface; when selecting **TrueMoney**, it adapts to **Thai**, ensuring users complete payments in their most familiar language environment.

Example languages supported (non-exhaustive): English, Thai, Japanese, Simplified Chinese, Traditional Chinese, Spanish, Bahasa Indonesia, and more.

![Waffo Checkout multi-language support preview](https://mintcdn.com/waffo-docs/Pi4mlrktV3FjQDJZ/images/essentials/checkout/multi-language-support.png?fit=max\&auto=format\&n=Pi4mlrktV3FjQDJZ\&q=85\&s=e5a22e8081335c2cb0d5b9a2a45c5653)

## Integration

Waffo Checkout can be combined with different payment capabilities to form a complete solution:

* **Using Hosted Checkout:** Support one-time or subscription payments with minimal code.
* **Using Embedded Checkout:** Embed the checkout via SDK or components for higher freedom of experience and customization.
* **With Server API:** Used to create payments or subscriptions, query status, receive notifications, and dynamically control checkout behavior.

[View Development Documentation](/docs/api-reference/introduction.md) to learn how to integrate Checkout with different payment modes.

## Frequently asked questions

> **Which payment methods does the Checkout support?**
>
> Currently, the Checkout supports 430+ global payment methods. The specific methods available may vary based on region and merchant configuration.
>
> See the full list on the [Payment Methods](/docs/en/essentials/payment-methods.md) page.

> **Does the Checkout meet payment security and compliance requirements?**
>
> Yes, the Checkout complies with relevant payment security and compliance standards (such as PCI DSS) and processes sensitive payment information via secure channels.

> **How does the Checkout handle payment failures?**
>
> If a payment fails, the Checkout page displays the reason for the failure. Users can retry the payment or switch to a different credit card. Common failure reasons include insufficient funds, incorrect card information, or transaction decline by the issuing bank.

***

Need help? [Contact support](mailto:support@waffo.com)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.