sh3ft | Stripe Developers | Page 1

fickle estuaryBOT Nov 29, 2023, 2:20 PM

#

astral grove Nov 29, 2023, 2:23 PM

#

Hello 👋
Are you trying to build your own UI for this?

You can just use the customer portal instead and allow customers to self-serve this
https://stripe.com/docs/customer-management
https://stripe.com/docs/customer-management/integrate-customer-portal

nova field Nov 29, 2023, 2:26 PM

#

I'm using Elements from stripe/react-stripe-js

#

What elements do I have to show the user to add their new card?

astral grove Nov 29, 2023, 2:31 PM

#

You didn't answer my question above 😅
Are you trying to build your own UI for this?

Also, did you look at the link I shared for customer portal? Does that not fit your usecase?

nova field Nov 29, 2023, 2:33 PM

#

Yes sorry, I'm trying to build my own UI for it, also I think the second link maybe will do the job for me, but I'm not sure, can I change register card of the user if I follow the second link?

astral grove Nov 29, 2023, 2:34 PM

#

can I change register card of the user if I follow the second link?
You can redirect your customers/users to the customer portal page and they can update the payment method themselves

nova field Nov 29, 2023, 2:35 PM

#

What if I want to do that on my site without redirecting the user?

astral grove Nov 29, 2023, 2:37 PM

#

It would be multiple steps.

1/ Collect and attach a new PaymentMethod to customer using SetupIntents API
https://stripe.com/docs/payments/save-and-reuse?platform=web&ui=elements

2/ Then you can update the subscription default payment method by calling the API
https://stripe.com/docs/api/subscriptions/update#update_subscription-default_payment_method

3/ If you want to make the new payment method, default payment method on the customer then you'd need to separately call the customer update API
https://stripe.com/docs/api/customers/update#update_customer-invoice_settings-default_payment_method

nova field Nov 29, 2023, 2:52 PM

#

On step 2 what do I need to update default payment method with?

astral grove Nov 29, 2023, 2:53 PM

#

the new payment method ID (pm_xxx)

The one that was newly created using the SetupIntent in Step 1

nova field Nov 29, 2023, 2:54 PM

#

By doing that we are not charging users anything right?

astral grove Nov 29, 2023, 2:54 PM

#

yup

#

it only saves the PaymentMethod

#

they might see $1/$0 auth charge

#

but that would get reversed

nova field Nov 29, 2023, 2:57 PM

#

Okay, last question once I finish all 3 steps will the last_4 change to be the same with the new card last 4 digits or are there any additional steps I need to take?

astral grove Nov 29, 2023, 3:00 PM

#

Not sure I follow the question, last_4 where exactly?

You're replacing the payment method object as whole. You're not really updating an existing payment method object

nova field Nov 29, 2023, 3:02 PM

#

I meant the last 4 digits of the card will change to the new card last 4 digits on the card details

astral grove Nov 29, 2023, 3:05 PM

#

Again, you can't update an existing card_xxx, pm_xxx etc objects with new card details.

For example, let's say

1/ sub_one is using pm_one that has last four as 1234
2/ You collect a new payment method that generates pm_two that has last four as 4567
3/ Then you update sub_one to use pm_two instead

#

So you're not really updating pm_one here so last 4 update doesn't really make sense

nova field Nov 29, 2023, 3:08 PM

#

Okay cool, will that affect the next payment date?

astral grove Nov 29, 2023, 3:11 PM

#

It shouldn't affect the billing cycle, no

nova field Nov 29, 2023, 3:12 PM

#

Okay thank you, for your quick and helpful responses 😁

#sh3ft