---
title: "FPX Online Banking Malaysia Web Component"
description: "Add FPX Online Banking Malaysia to your Components integration."
url: "https://docs.adyen.com/payment-methods/fpx-online-banking-malaysia/web-component"
source_url: "https://docs.adyen.com/payment-methods/fpx-online-banking-malaysia/web-component.md"
canonical: "https://docs.adyen.com/payment-methods/fpx-online-banking-malaysia/web-component"
last_modified: "2026-06-01T15:33:15+02:00"
language: "en"
---

# FPX Online Banking Malaysia Web Component

Add FPX Online Banking Malaysia to your Components integration.

[View source](/payment-methods/fpx-online-banking-malaysia/web-component.md)

You can add FPX Online Banking Malaysia to your existing integration. The following instructions show only what you must add to your integration specifically for FPX Online Banking Malaysia.

If an instruction on this page corresponds with a step in the main integration guide, it includes a link to corresponding step of the main integration guide.

The additions you must make depends on the [server-side flow](/online-payments/build-your-integration) that your integration uses:

## Sessions flow Component

### Before-You-Begin

## Requirements

| Requirement           | Description                                                                                                                                                                                                              |   |
| --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | - |
| **Integration type**  | Make sure that you have an existing Sessions flow [Web Components integration](/online-payments/build-your-integration/sessions-flow?platform=Web\&integration=Components).                                              |   |
| **Checkout API**      | Make sure that you use Checkout API v68 or later.                                                                                                                                                                        |   |
| **Redirect handling** | Make sure that your existing integration is set up to [handle the redirect](/online-payments/build-your-integration/sessions-flow?platform=Web\&integration=Components#handle-the-redirect). `action.type`: **redirect** |   |
| **Setup steps**       | Before you begin, [add FPX Online Banking Malaysia in your Customer Area](/payment-methods/add-payment-methods).                                                                                                         |   |

### Add-Parameters-Sessions-Request

## Add additional parameters to your /sessions request

You do not need to add any parameters when you [create a payment session](/online-payments/build-your-integration/sessions-flow?platform=Web\&integration=Components#create-a-payment-session).

### Import

## Import FPX Online Banking Malaysia

When you [import Adyen Web](/online-payments/build-your-integration/sessions-flow?platform=Web\&integration=Components#get-adyen-web), include `MolPayEBankingMY`.

**Import**

```javascript
import { AdyenCheckout, MolPayEBankingMY } from '@adyen/adyen-web';
```

### Add-Configuration

## Add additional configuration for FPX Online Banking Malaysia

[Configure the Component](/online-payments/build-your-integration/sessions-flow?platform=Web\&integration=Components#configure-the-component) with the following configuration object:

| Parameter            | Required | Description                                                                                                                                                                                                |
| -------------------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `issuer`             |          | Set to an [Online banking Malaysia issuer ID](#issuer-ids) to preselect a specific bank.                                                                                                                   |
| `highlightedIssuers` |          | Set to the [Online banking Malaysia issuer IDs](#issuer-ids) for banks you want to show on top of the dropdown menu. Added in [v5.1.0](/online-payments/release-notes?integration_type=web\&version=5.1.0) |
| `showImage`          |          | Set to **false** to remove the bank logos from the Online banking Malaysia form.                                                                                                                           |
| `placeholder`        |          | The string you want to show as the dropdown menu text. Custom translation configuration overrides this value.                                                                                              |

**Create a configuration object**

```javascript
{
   issuer: "fpx_abb",
   highlightedIssuers: "fpx_abb",
   showImage: false,
   placeholder: "Select your bank"
}
```

### List of issuer IDs

| Bank name               | Issuer ID       |
| ----------------------- | --------------- |
| Affin Bank              | fpx\_abb        |
| Agro Bank               | fpx\_agrobank   |
| Alliance Bank           | fpx\_abmb       |
| Am Bank                 | fpx\_amb        |
| Bank Islam              | fpx\_bimb       |
| Bank Muamalat           | fpx\_bmmb       |
| Bank Rakyat             | fpx\_bkrm       |
| Bank Simpanan Nasional  | fpx\_bsn        |
| CIMB Bank               | fpx\_cimbclicks |
| Hong Leong Bank         | fpx\_hlb        |
| HSBC Bank               | fpx\_hsbc       |
| Kuwait Finance House    | fpx\_kfh        |
| Maybank                 | fpx\_mb2u       |
| OCBC Bank               | fpx\_ocbc       |
| Public Bank             | fpx\_pbb        |
| RHB Bank                | fpx\_rhb        |
| Standard Chartered Bank | fpx\_scb        |
| UOB Bank                | fpx\_uob        |

### Initialize

## Initialize the Component for FPX Online Banking Malaysia

To [initialize](/online-payments/build-your-integration/sessions-flow?platform=Web\&integration=Components#initialize-the-payment-session) FPX Online Banking Malaysia, use the `MolPayEBankingMY` class.

**Initialize the Component**

```javascript
const molPayEBankingMYComponent = new MolPayEBankingMY(checkout,
    {
    // The configuration object for FPX Online Banking Malaysia that you created.
    // Mount the Component to a container.
    }).mount('#molPayEBankingMY-container')
```

## Test and go live

Using any issuer ID that is available for the Online banking Malaysia Component for the respective country/region, make Online banking Malaysia online banking test payments to test the different payment results.

Check the status of the Online banking Malaysia test payments in your [Customer Area](https://ca-test.adyen.com/) > **Transactions** > **Payments**.

Before you can accept live Online banking Malaysia payments, you need to [submit a request for Online banking Malaysia](/payment-methods/add-payment-methods) in your [live Customer Area](https://ca-live.adyen.com/).

## Advanced flow Component

## Requirements

| Requirement           | Description                                                                                                                                                                                                               |   |
| --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | - |
| **Integration type**  | Make sure that you have an existing Advanced flow [Web Components integration](/online-payments/build-your-integration/advanced-flow?platform=Web\&integration=Components).                                               |   |
| **Redirect handling** | Make sure that your existing integration is set up to [handle the redirect](/online-payments/build-your-integration/advanced-flow/?platform=Web\&integration=Components#handle-the-redirect). `action.type`: **redirect** |   |
| **Setup steps**       | Before you begin, [add FPX Online Banking Malaysia in your Customer Area](/payment-methods/add-payment-methods).                                                                                                          |   |

### Import

## Import FPX Online Banking Malaysia

When you [import Adyen Web](/online-payments/build-your-integration/advanced-flow/?platform=Web\&integration=Components#get-adyen-web), include `MolPayEBankingMY`.

**Import**

```javascript
import { AdyenCheckout, MolPayEBankingMY } from '@adyen/adyen-web';
```

### Initialize

## Initialize the Component for FPX Online Banking Malaysia

To [initialize](/online-payments/build-your-integration/advanced-flow/?platform=Web\&integration=Components#initialize-the-payment-session) FPX Online Banking Malaysia, use the `MolPayEBankingMY` class.

**Initialize the Component**

```javascript
const molPayEBankingMYComponent = new MolPayEBankingMY(checkout,
    {
    // The configuration object for FPX Online Banking Malaysia that you created.
    // Mount the Component to a container.
    }).mount('#molPayEBankingMY-container')
```

### Add-Parameters-Payments-Request

## Add additional parameters to your /payments request

You do not need to add any parameters to the [/payments](https://docs.adyen.com/api-explorer/Checkout/latest/post/payments) request when you [make a payment](/online-payments/build-your-integration/advanced-flow/?platform=Web\&integration=Components#make-a-payment).

## Test and go live

Using any issuer ID that is available for the Online banking Malaysia Component for the respective country/region, make Online banking Malaysia online banking test payments to test the different payment results.

Check the status of the Online banking Malaysia test payments in your [Customer Area](https://ca-test.adyen.com/) > **Transactions** > **Payments**.

Before you can accept live Online banking Malaysia payments, you need to [submit a request for Online banking Malaysia](/payment-methods/add-payment-methods) in your [live Customer Area](https://ca-live.adyen.com/).
