Amazon Pay element
Learn how to use the Amazon Pay element.
With DigitalRiver.js, you can create an Amazon Pay collection element that will automatically retrieve and build a select drop-down that can be styled and placed on your page like other DigitalRiver.js elements.
Creating an Amazon Pay element
To create an Amazon Pay element, use the createElement
function exposed through the DigitalRiver Object. This object follows the same pattern and allows for the same custom classes and styles as other elements.
amazonPay.mount();
Call this function to place the created Amazon Pay element on your page. This argument you specify in the HTML element will place the Amazon Pay button on the page.
amazonPay.unmount();
Call this function to remove the Amazon Pay element from your page. The element may be re-added to your page by calling mount()
.
amazonPay.destroy();
Call this function to remove the Amazon Pay element from your page and remove its functionality. You cannot re-add the destroyed element to your page via mount()
.
Amazon Pay events — amazonPay.on('event', handler);
The Amazon Pay element can receive the following events by creating an event listener. Use this function to listen to events that can be used to build and enhance your purchase flow.
Ready
The Ready event triggers when the Amazon Pay element has been mounted.
Source
When the shopper clicks the Amazon Pay button, DigitalRiver.js will generate a payment source and redirect the shopper to the Amazon Pay Sign In page. DigitalRiver.js will trigger the source event. At this point, the source state is still pending_redirect
because we created it before we opened the Amazon Pay Sign In page.
Once the shopper logs in, Amazon Pay will redirect the shopper to the Amazon Pay site. After the shopper authorizes Amazon Pay, Amazon redirects the shopper to the returnUrl
you provided in the Amazon Pay element. When the shopper submits their order, they get a response with a pending_redirect
session state. A second redirect is needed. You need to redirect the shopper to Amazon Pay for a second authentication via the redirect_url
from the order response. Once authentication is completed, Amazon Pay will redirect the shopper from the Amazon Pay site to the resultReturnUrl
and provide the correct authentication from the Amazon Pay side while doing so.
If the shopper cancels their sign in on the Amazon Pay-hosted page, Amazon Pay will redirect the user to the cancelUrl
.
Last updated