How to get list of available payment methods

To get a list of payment methods available for a particular user:

  1. Add the psdk-payment-methods component to the HTML markup of the payment UI.
Example:
Copy
Full screen
Small screen
<psdk-payment-methods country="US"></psdk-payment-methods>
  1. Add the handling of the selectionChange event for the payment method selection.
Example:
Copy
Full screen
Small screen
const paymentMethods = document.querySelector('psdk-payment-methods');
paymentMethods?.addEventListener('selectionChange', (event) => {
  console.log(event.detail);
});
Was this article helpful?
Thank you!
Is there anything we can improve? Message
We’re sorry to hear that
Please explain why this article wasn’t helpful to you. Message
Thank you for your feedback!
We’ll review your message and use it to help us improve your experience.
Last updated: March 3, 2025

Found a typo or other text error? Select the text and press Ctrl+Enter.

Report a problem
We always review our content. Your feedback helps us improve it.
Provide an email so we can follow up
Thank you for your feedback!