On this page, you can find additional configuration for adding Multibanco to your Components integration.
Multibanco payment references are valid until the end of the expiry day. For example, if a payment reference is generated at 13:30 and the expiry date is D+1 (next day), the payment reference is payable until 23:59 on the next day.
Before you begin
This page assumes you've already:
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:
- /sessions: This is the default with Components v5.0.0 or later.
- /payments: If you implemented an additional use case.
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.
- Log in to your test Customer Area.
- Go to Transactions > Offers.
- Select the PSP reference of the pending Multibanco payment.
- 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.
Before you can accept live Multibanco payments, you need to submit a request for Multibanco in your live Customer Area.