---
title: "Alma React Native Component"
description: "Add Alma to your Components integration."
url: "https://docs.adyen.com/payment-methods/alma/react-native-component"
source_url: "https://docs.adyen.com/payment-methods/alma/react-native-component.md"
canonical: "https://docs.adyen.com/payment-methods/alma/react-native-component"
last_modified: "2026-05-23T12:56:20+02:00"
language: "en"
---

# Alma React Native Component

Add Alma to your Components integration.

[View source](/payment-methods/alma/react-native-component.md)

You can add Alma to your existing integration. The following instructions show only what you must add to your integration specifically for Alma.

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

### Not Available

React Native Components do not support Sessions flow.

## Advanced flow Component

### Before-You-Begin

## Requirements

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

### Add-Configuration

## Add additional configuration for Alma

You do not need to add any configuration parameters for Alma.

### Add-Parameters-Payments-Request

## Add additional parameters to your /payments request

When you [make a payment](/online-payments/build-your-integration/advanced-flow/?platform=React%2BNative\&integration=Components#make-a-payment), add the following parameters to the [/payments](https://docs.adyen.com/api-explorer/Checkout/latest/post/payments) request:

| Parameter                                                                                                                           | Required | Description                                                                                                                           |
| ----------------------------------------------------------------------------------------------------------------------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------- |
| [telephoneNumber](https://docs.adyen.com/api-explorer/#/CheckoutService/latest/payments#request-telephoneNumber)                    |          | The shopper's telephone number.                                                                                                       |
| [shopperEmail](https://docs.adyen.com/api-explorer/#/CheckoutService/latest/payments#request-shopperEmail)                          |          | The shopper's email address.                                                                                                          |
| [billingAddress](https://docs.adyen.com/api-explorer/#/CheckoutService/latest/payments#request-billingAddress)                      |          | The postal address of the shopper.                                                                                                    |
| [deliveryAddress](https://docs.adyen.com/api-explorer/#/CheckoutService/latest/payments#request-deliveryAddress)                    |          | The postal address where the purchased goods should be delivered.                                                                     |
| [additionalData.alma.installments\_count](https://docs.adyen.com/api-explorer/Checkout/latest/post/payments#request-additionalData) |          | Set to `3` or `4` to determine the number of installments the shopper will pay. Do not include if you want to let the shopper choose. |

**Example payment request for Alma**

```bash
curl https://checkout-test.adyen.com/v72/payments \
-H 'x-API-key: ADYEN_API_KEY' \
-H 'idempotency-key: YOUR_IDEMPOTENCY_KEY' \
-H 'content-type: application/json' \
-X POST
-d '{
  "amount":{
    "currency":"EUR",
    "value":1000
  },
  "reference":"YOUR_ORDER_NUMBER",
  "returnUrl":"https://your-company.com/checkout?shopperOrder=12xy..",
  "merchantAccount":"ADYEN_MERCHANT_ACCOUNT",
  "countryCode": "FR",
  "shopperLocale": "en-US",
  "telephoneNumber": "85121212121",
  "shopperEmail": "s.hopper@gmail.com",
  "billingAddress": {
                      "city": "Paris",
                      "country": "FR",
                      "houseNumberOrName": "123",
                      "postalCode": "2000",
                      "street": "Happy Street"
                     },
  "deliveryAddress": {
                      "city": "Paris",
                      "country": "FR",
                      "houseNumberOrName": "123",
                      "postalCode": "2000",
                      "street": "Happy Street"
                     },
  "additionalData":  {
                      "alma.installments_count": 4
                     }
}'
```

The response includes the `action.type`: redirect.

**Example response with an additional action**

```json
{
    "resultCode":"RedirectShopper",
    "action":{
        "paymentMethodType":"alma",
        "method":"GET",
        "url":"https://checkoutshopper-test.adyen.com/checkoutshopper/checkoutPaymentRedirect?redirectData=...",
        "type":"redirect"
    }
}
```

## Test and go live

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

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