On this page, you can find additional configuration for adding DOKU payment methods to your Components integration.
Before you begin
This page assumes you've already:
You don't need to send additional fields for DOKU payment methods. 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 advanced use case, or integrated Components before v5.0.0.
Component configurationThe Component to create depends on the payment method type:
||Kind of payment method|
|Bank Transfer (Permata)||doku_permata_lite_atm||Bank transfer|
|BCA Bank Transfer||doku_bca_va (only available with a local entity)||Bank transfer|
|BNI VA||doku_bni_va||Bank transfer|
|BRI VA||doku_bri_va (only available with a local entity)||Bank transfer|
|CIMB VA||doku_cimb_va||Bank transfer|
|Danamon VA||doku_danamon_va||Bank transfer|
|Mandiri VA||doku_mandiri_va||Bank transfer|
In the examples below, we use a scenario where the shopper chooses to pay in an Alfamart convenience store.
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:
Step 2: Create an instance of the Component
create method of your
AdyenCheckout instance, in this case
checkout, to create the Component:
const dokuAlfamartComponent = checkout.create('doku_alfamart').mount('#doku_alfamart-container');
You can customize the expiry date of the virtual bank account (for bank transfers) or the voucher (for convenience store payments). By default, the validity period is 48 hours. To change the validity period, contact the Support Team.
You can change the language of the voucher to Indonesian by using the
locale id-ID. For instructions, refer to Localizing Components.
Test and go live
Use our test vouchers and card numbers to simulate the payments.
Check the status of the test payments in your Customer Area, under Transactions > Payments.