Search…
Delayed payment instructions element
Learn how to create a Delayed Payment Instructions element that will generate a template containing instructions for delayed payment.
You can use the Delayed Payment Instructions element to generate a template that contains the instructions that explain how to complete payment for delayed payment types such as:
  • Boleto–where the shopper can go to a variety of locations with cash or via bank transfer to make a payment.
  • bPay–where the shopper can transfer funds from their bank account to make a payment.
  • Konbini–where the shopper has to go to a convenience store to make their payment.
  • Wire Transfer–where the shopper has to go to their bank to wire money to the payment partner's bank.
You can style and arrange this content using custom CSS. Click here to see an example of the output.

Creating a Delayed Payment Instructions element

To create a Delayed Payment Instructions element, use the createElement function exposed through the DigitalRiver Object. You can localize the content by using the localization functionality of DigitalRiver.js.
The Delayed Payment Instructions element also requires an options object. The options object requires the following attributes:
Attribute
Description
sourceId
The source ID.
sourceClientSecret
The client secret for the source.
Example
1
let options = {
2
"sourceId": "fc8b2df1-2a57-4b2d-82bb-dc62081d76c4",
3
"sourceClientSecret": "fc8b2df1-2a57-4b2d-82bb-dc62081d76c4_deb0d81e-0666-4189-a1c3-ed677b1a5b2a"
4
}
5
6
let delayedPaymentInstructions = digitalriver.createElement('delayedpaymentinstructions', options);
Copied!

Delayed Payment Instructions element functions

delayedPaymentInstructions.mount();

Call this function to place the created Delayed Payment Instructions element on your page.
Explain
1
<div id="delayed-payment-container"></div>
2
3
delayedPaymentInstructions.mount("delayed-payment-container");
Copied!

Delayed Payment Instructions element events

delayedPaymentInstructions.on('event', handler);

Use this function to listen to events that you use to build and enhance your purchase flow.
Event
Triggered When
ready
The created element is loaded.

Ready

A Ready event triggers when the Delayed Payment Instructions element has loaded.
Example
1
delayedPaymentInstructions.on('ready', function(event) {
2
//delayed payment instructions element is ready
3
});
Copied!
Key
Value
elementType
delayedPaymentInstructions