# Multibanco Component

Add Multibanco to an existing Components integration.

## API reference

You don't need to send additional fields for Multibanco. To see optional fields that you can send for all payment methods, choose the endpoint you integrated:

## Component configuration

### Step 1: Create a DOM element

Create a DOM element on your checkout page, placing it where you want the payment method form to be rendered:

 <div id="multibanco-container"></div>

### Step 2: Create an instance of the Component

Use the create method of your AdyenCheckout instance, in this case checkout, to create the Component:

const multibancoComponent = checkout.create('multibanco').mount('#multibanco-container');

## Test and go live

Before you can test Multibanco payments, you need to submit a request for Multibanco in your test Customer Area.
In the test environment, you can simulate a Multibanco payment by promoting the pending payment to a sale.