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

# Online banking Czech Republic Web Component

Add Online banking Czech Republic to your Components integration.

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

You can add Online banking Czech Republic to your existing integration. The following instructions show only what you must add to your integration specifically for Online banking Czech Republic.

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 Online banking Czech Republic 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 Online banking Czech Republic

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

**Import**

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

### Add-Configuration

## Add additional configuration for Online banking Czech Republic

[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                                                                                                                                                                                                                                                |
| -------------------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `showImage`          |          | Set to **false** to remove the bank logos from the Online banking Czech Republic form. Default value is **true**.                                                                                                                                          |
| `issuer`             |          | Set to an [Online banking Czech Republic issuer ID](#issuer-ids) to preselect a specific bank. No bank is preselected.                                                                                                                                     |
| `highlightedIssuers` |          | Set to the [Online banking Czech Republic issuer IDs](#issuer-ids) for banks you want to show on top of the dropdown menu. Added in [v5.22.0](/online-payments/release-notes?integration_type=web\&version=5.22.0). All issuers are shown in the dropdown. |
| `placeholder`        |          | The string you want to show as the dropdown menu text. Custom translation configuration overrides this value. Default value is **Select your bank**                                                                                                        |

**Create a configuration object**

```javascript
{
   issuer: "Česká spořitelna",
   highlightedIssuers: "Česká spořitelna",
   showImage: false,
   placeholder: "Select your bank"
}
```

### List of issuer IDs

| Bank name              | Issuer ID |
| ---------------------- | --------- |
| Česká spořitelna       | cs        |
| Komercní banka         | kb        |
| mTransfer              | mp        |
| Fio banka              | pf        |
| Moneta Money Bank      | pg        |
| Raiffeisenbank ePlatby | rf        |

### Initialize

## Initialize the Component for Online banking Czech Republic

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

**Initialize the Component**

```javascript
const onlineBankingCZComponent = new OnlineBankingCZ(checkout,
    {
    // The configuration object for Online banking Czech Republic that you created.
    // Mount the Component to a container.
    }).mount('#onlineBankingCZ-container')
```

## Test and go live

Test Online banking Czech Republic payments with real payment details and small amounts.

Check the status of your test Online banking Czech Republic payments in your **Customer Area** > **Transactions** > **Payments**.

To accept live Online banking Czech Republic payments, [add it as a payment method](/payment-methods/add-payment-methods) in your Customer Area.

## 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 Online banking Czech Republic in your Customer Area](/payment-methods/add-payment-methods).                                                                                                        |   |

### Import

## Import Online banking Czech Republic

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

**Import**

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

### Initialize

## Initialize the Component for Online banking Czech Republic

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

**Initialize the Component**

```javascript
const onlineBankingCZComponent = new OnlineBankingCZ(checkout,
    {
    // The configuration object for Online banking Czech Republic that you created.
    // Mount the Component to a container.
    }).mount('#onlineBankingCZ-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

Test Online banking Czech Republic payments with real payment details and small amounts.

Check the status of your test Online banking Czech Republic payments in your **Customer Area** > **Transactions** > **Payments**.

To accept live Online banking Czech Republic payments, [add it as a payment method](/payment-methods/add-payment-methods) in your Customer Area.
