Payment component
Learn how to accept payment in a secure, customizable component
Last updated
Learn how to accept payment in a secure, customizable component
Last updated
The payment component displays transaction-applicable payment methods and then processes the customer's selection.
You'll need to implement this component unless your checkout only uses the (plus the mandatory compliance component).
To use , you'll need to and .
After customers make a selection, the payment component can, when necessary, redirect customers to payment providers and handle requirements.
The component also has the capability to:
The component can display a customer's saved payment methods for convenience purposes.
To activate this feature, you need to pass customerId
in the . Digital River then determines whether the referenced customer exists, and, if it does, retrieves and displays its transaction-applicable payment .
The component can ask customers whether they'd like to save a payment method for future purchases.
The component requires customers to accept all of these terms before they can complete the purchase.
You must pass customerId
in the to activate this feature.
If the payment method selected by customers supports , then the component asks whether they'd like to save it for future purchases. If customers opt to do so, then after Digital River creates the , we save it for that .
For each payment method that the component displays, customers are shown the terms of sale and the privacy policy of the transaction's designated .
If you , they are appended to Digital River's disclosures.
To , you can to listen for the event with a type
of .
If you have no , the component only displays Digital River's disclosures.
If you , the component displays your disclosures and ours.
To create an instance of the payment component, pass 'payment'
to .
To attach the payment component to your DOM, pass the id
of its container to .