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

# Introduction

> Bypass the payment page for an optimized user experience

Integrating with a payment gateway can often pose challenges for user experience due to discrepancies in interface design. Typically, a payment page provided by the gateway is offered as a pre-designed, non-customizable format.

This guide will steer you through the process of skipping the CHIP payment page for both FPX and Card payments.

## Default Payment Page

<img src="https://mintcdn.com/chipinsdnbhd/_ZYOd6liWS9njiPb/images/default-payment-page.png?fit=max&auto=format&n=_ZYOd6liWS9njiPb&q=85&s=7e98621b8624ee454992b6c82f03c3eb" alt="Default payment page" height="300" className="rounded-lg" data-path="images/default-payment-page.png" />

By default, clicking the `checkout-url` redirects the user to the page with the bank list. However, CHIP provides the flexibility to let a `checkout-url` redirect the user directly to the bank page by appending query parameters to the URL.

## Direct Post

This link redirects the user directly to the Maybank FPX page:

```text theme={null}
https://gate.chip-in.asia/p/{purchase_id}/?preferred=fpx&fpx_bank_code=MB2U0227
```

`{purchase_id}` is the purchase ID from the `checkout_url` field returned in the [purchase response](/chip-collect/api-reference/purchases/create). Use your own purchase's ID — example URLs pointing at someone else's purchase will not work.

## Differences between Checkout URL and Direct Post URL

Both use the same URL, except direct post appends query parameters to convert the checkout URL into a direct post URL:

```text theme={null}
Default Payment Page - https://gate.chip-in.asia/p/{purchase_id}/
Direct Post          - https://gate.chip-in.asia/p/{purchase_id}/?preferred=fpx&fpx_bank_code=MB2U0227
```

## Set a default payment method

The `?preferred={payment_method}` parameter above **skips** the default payment page. If you want to pre-select a method on the default payment page while still showing the customer all available options, use [`?active={payment_method}`](/chip-collect/overview/direct-post/active-payment-method) instead.

## Payment Method List

Payment methods available for direct post:

* [FPX](/chip-collect/overview/direct-post/fpx)
* [Card](/chip-collect/overview/direct-post/card)
* [E-Wallet](/chip-collect/overview/direct-post/e-wallet)
* [Duitnow QR](/chip-collect/overview/direct-post/duitnow-qr)
* [Crypto Coin](/chip-collect/overview/direct-post/crypto-coin)