---
title: "Korean Card Payments via redirect Web Component"
description: "Add Korean Card Payments via redirect to your Components integration."
url: "https://docs.adyen.com/payment-methods/cards/korean-cards/web-component"
source_url: "https://docs.adyen.com/payment-methods/cards/korean-cards/web-component.md"
canonical: "https://docs.adyen.com/payment-methods/cards/korean-cards/web-component"
last_modified: "2026-06-01T15:33:15+02:00"
language: "en"
---

# Korean Card Payments via redirect Web Component

Add Korean Card Payments via redirect to your Components integration.

[View source](/payment-methods/cards/korean-cards/web-component.md)

You can add Korean Card Payments via redirect to your existing integration. The following instructions show only what you must add to your integration specifically for Korean Card Payments via redirect.

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 Korean Card Payments via redirect 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 Korean Card Payments via redirect

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

**Import**

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

### Add-Configuration

## Add additional configuration for Korean Card Payments via redirect

You do not need to add any configuration parameters for Korean Card Payments via redirect.

### Initialize

## Initialize the Component for Korean Card Payments via redirect

To [initialize](/online-payments/build-your-integration/sessions-flow?platform=Web\&integration=Components#initialize-the-payment-session) Korean Card Payments via redirect, use the `Redirect` class.

**Initialize the Component**

```javascript
const kcp_creditcardComponent = new Redirect(checkout, { type:kcp_creditcard }).mount('#kcp_creditcard-container')
```

## Test and go live

To set up your test environment, contact our [Support Team](https://ca-test.adyen.com/ca/ca/contactUs/support.shtml?form=other).

Before you can start accepting card payments in the live environment, you need to assess your PCI DSS compliance and submit the required *Self-Assessment Questionnaire A* document. For more information, refer to [PCI DSS compliance guide](/development-resources/pci-dss-compliance-guide#online-payments?target=_blank).

## 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 Korean Card Payments via redirect in your Customer Area](/payment-methods/add-payment-methods).                                                                                                    |   |

### Import

## Import Korean Card Payments via redirect

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

**Import**

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

### Initialize

## Initialize the Component for Korean Card Payments via redirect

To [initialize](/online-payments/build-your-integration/advanced-flow/?platform=Web\&integration=Components#initialize-the-payment-session) Korean Card Payments via redirect, use the `Redirect` class.

**Initialize the Component**

```javascript
const kcp_creditcardComponent = new Redirect(checkout, { type:kcp_creditcard }).mount('#kcp_creditcard-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

To set up your test environment, contact our [Support Team](https://ca-test.adyen.com/ca/ca/contactUs/support.shtml?form=other).

Before you can start accepting card payments in the live environment, you need to assess your PCI DSS compliance and submit the required *Self-Assessment Questionnaire A* document. For more information, refer to [PCI DSS compliance guide](/development-resources/pci-dss-compliance-guide#online-payments?target=_blank).
