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

# Multibanco React Component

Add Multibanco to your Components integration.

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

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

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

What you must add to your integration 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).                                                  |   |
| **Action handling**  | Make sure that your existing integration is set up to [handle the additional action](/online-payments/build-your-integration/advanced-flow/?platform=React%2BNative\&integration=Components#handle-the-redirect). `action.type`: **voucher**. |   |
| **Setup steps**      | Before you begin, [add Multibanco in your Customer Area](/payment-methods/add-payment-methods).                                                                                                                                               |   |

### Add-Configuration

## Add additional configuration for Multibanco

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

### 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=React%2BNative\&integration=Components#make-a-payment).

## Test and go live

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

In the test environment, you can simulate a Multibanco payment by promoting the pending payment to a sale.

1. Log in to your [test Customer Area](https://ca-test.adyen.com/).
2. Go to **Transactions** > **Offers**.
3. Select the **PSP reference** of the pending Multibanco payment.
4. Select **Promote offer to sale** button.

Multibanco payments that have been paid (including test offers that you manually promoted to sale) are under **Transactions** > **Payments**.

Test the reconciliation process by promoting test payments from offer to sale in your [test Customer Area](https://ca-test.adyen.com/).

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