---
title: "Web Component"
description: "Add Wallets India to your Components integration."
url: "https://docs.adyen.com/payment-methods/wallets-india/web-component"
source_url: "https://docs.adyen.com/payment-methods/wallets-india/web-component.md"
canonical: "https://docs.adyen.com/payment-methods/wallets-india/web-component"
last_modified: "2026-05-25T12:55:01+02:00"
language: "en"
---

# Web Component

Add Wallets India to your Components integration.

[View source](/payment-methods/wallets-india/web-component.md)

How you add Wallets India depends on your integration.

Choose 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.                                                                                                                           |   |
| **Setup steps**      | Before you begin, [add Wallets India 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 Wallets India

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

**Import**

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

### Add-Configuration

## Add additional configuration for Wallets India

You do not need to add any configuration parameters for Wallets India.

### Initialize

## Initialize the Component for Wallets India

To [initialize](/online-payments/build-your-integration/sessions-flow?platform=Web\&integration=Components#initialize-the-payment-session) Wallets India, use the `WalletINElement` class.

**Initialize the Component**

```javascript
const wallet_INComponent = newWalletINElement(checkout,
    {
    
    // The configuration object for Wallets India that you created.
    
    // Mount the Component to a container.
    } ).mount('#wallet_IN-container') 
```

## Test and go live

Wallets India currently has no test platform.

Before you can accept live Wallets India payments, you need to submit a request for Wallets India 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). |   |
| **Setup steps**      | Before you begin, [add Wallets India in your Customer Area](/payment-methods/add-payment-methods).                                                                          |   |

### Import

## Import Wallets India

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

**Import**

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

### Add-Configuration

## Add additional configuration for Wallets India

You do not need to add any configuration parameters for Wallets India.

### Initialize

## Initialize the Component for Wallets India

To [initialize](/online-payments/build-your-integration/advanced-flow/?platform=Web\&integration=Components#initialize-the-payment-session) Wallets India, use the `WalletINElement` class.

**Initialize the Component**

```javascript
const wallet_INComponent = newWalletINElement(checkout,
    {
    
    // The configuration object for Wallets India that you created.
    
    // Mount the Component to a container.
    } ).mount('#wallet_IN-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

Wallets India currently has no test platform.

Before you can accept live Wallets India payments, you need to submit a request for Wallets India in your [live Customer Area](https://ca-live.adyen.com/).