bird-paymentelement-confirm | Stripe Developers | Page 1

rigid dragonBOT Mar 10, 2023, 10:42 PM

#

errant pawn Mar 10, 2023, 10:44 PM

#

Yeah I think you're mostly completely misunderstanding the integration here

violet otter Mar 10, 2023, 10:44 PM

#

yikes

errant pawn Mar 10, 2023, 10:44 PM

#

If you use CardElement (which is legacy) you already have card details, it makes no sense to call confirmPayment() at step #5

#

Like the canonical integration path is
1/ Create a PaymentIntent first
2/ Collect card details in PaymentElement and confirm the PaymentIntent client-side at the same time

violet otter Mar 10, 2023, 10:46 PM

#

yea, I had a dev here suggest that. When we did though, the amounts were never correct because the user selects the quantity.

#

if card element is legacy what should I use? I'm trying to upgrade from the 2018 api

errant pawn Mar 10, 2023, 10:49 PM

#

https://stripe.com/docs/payments/accept-a-payment

violet otter Mar 10, 2023, 10:49 PM

#

Actually, Karbi earlier said to do this with the confirm payment?

errant pawn Mar 10, 2023, 10:49 PM

#

Karbi likely said what to do based on what you asked mostly.

violet otter Mar 10, 2023, 10:58 PM

#

alright, I'm ditching the card element...

errant pawn Mar 10, 2023, 10:58 PM

#

you don't have to, there are ways

violet otter Mar 10, 2023, 10:59 PM

#

Screen_Shot_2023-03-10_at_3.59.01_PM.png

errant pawn Mar 10, 2023, 10:59 PM

#

I'm just struggling to help you without understanding what you are building

violet otter Mar 10, 2023, 11:00 PM

#

hey no prob, you helped me a few years ago on this:

#

So, I've commented out the payment element so you can see. It's like the simplest thing imaginable.

Screen_Shot_2023-03-10_at_3.59.59_PM.png

#

for an analogy,imagine each tweet costs five bucks. You choose how many tweets you want to do. that's all. It's not a multistep form or anything

errant pawn Mar 10, 2023, 11:01 PM

#

PaymentElement is to collect card details. If you have already collected card details, then what are you trying to do

violet otter Mar 10, 2023, 11:02 PM

#

this form would be like the first place someone enters card info. Does the twitter analogy help up above?

errant pawn Mar 10, 2023, 11:03 PM

#

not really I don't get what twitter has to do with it, all I want is to grasp when/where you collect card details

#

if it's on the $5 screen then that's where you show PaymentElement

violet otter Mar 10, 2023, 11:04 PM

#

yes. right now I'm facing a css issue or something. see the first image

errant pawn Mar 10, 2023, 11:08 PM

#

Sure but that's something you'll debug on your end right? Like it's an element, you need to make sure you have the parent element with the right width/height and such

#

bird-paymentelement-confirm

violet otter Mar 10, 2023, 11:16 PM

#

yea it's strange. seems to be some other bootstrap related post about this issue

#bird-paymentelement-confirm