Delayed Payment Instructions element
Learn how to create a Delayed Payment Instructions element to 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:
- Wire Transfer–where the shopper has to go to their bank to wire money to the payment partner's bank.
To view example output generated by the element, access the Delayed Payment Instructions demo. In your application, you can style and arrange this output using custom CSS.
For details on how to use the element in a purchase flow, refer to Handling pending payment orders on the Processing orders page.
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
let options = {
"sourceId": "fc8b2df1-2a57-4b2d-82bb-dc62081d76c4",
"sourceClientSecret": "fc8b2df1-2a57-4b2d-82bb-dc62081d76c4_deb0d81e-0666-4189-a1c3-ed677b1a5b2a"
}
let delayedPaymentInstructions = digitalriver.createElement('delayedpaymentinstructions', options);
Call this function to place the created Delayed Payment Instructions element on your page.
Explain
<div id="delayed-payment-container"></div>
delayedPaymentInstructions.mount("delayed-payment-container");
Use this function to listen to events that you use to build and enhance your purchase flow.
Event | Triggered When |
|---|---|
The created element is loaded. |
A Ready event triggers when the Delayed Payment Instructions element has loaded.
Example
delayedPaymentInstructions.on('ready', function(event) {
//delayed payment instructions element is ready
});
Key | Value |
|---|---|
elementType | delayedPaymentInstructions |
Last modified 4mo ago