Is there any stripe element to display a saved card to user.?

Question

Hi I'm using stripe in my react project. I need to display the cards saved by user. Is there any stripe components to display the saved card details to the user.?

TIA

Answer 1

There is no Stripe Element to display saved cards, you'd have to build this yourself.

You'd retrieve the customer's list of PaymentMethods on your backend (https://stripe.com/docs/api/payment_methods/list) and then show the list in your UI.

Answer 2

One thing you can do is to create a customer portal through Stripe Billing. Inside that portal, the user can see the card they added, manage them, update them, and delete them. The customer portal is a hosted page made by Stripe: https://stripe.com/docs/billing/subscriptions/integrating-customer-portal.

The portal will looks like this: https://billing.stripe.com/session/_IOHbe75ZzSJ9eF4mMwaBlTGyateZ1kF

Notice that you don't need to use the billing subscription part. You can only use the payment management of the portal.