anshulfarkya_86718

[lethal bobcat]

👋 happy to help

yes you can

[shadow stone]

How?

[thick river]

for example, https://stripe.com/docs/api/charges/object#charge_object-payment_method_details has all the details of what payment method was used for a particular payment.

[shadow stone]

We want to identify this within the cards element, Will it be the same?

[thick river]

no, it wouldn't. But why would you want to detect this from the frontend with Elements? If you're plugging the information into an async analytics function, that seems to make more sense as something you do from the backend when handling the webhook events or listing payments from the backend API.

[shadow stone]

We want to identify two things:

1. Which option the customer has selected from the available ones in the cards element?
2. After successful payment, as a response which of the payment option was used?

[thick river]

1. https://stripe.com/docs/js/element/events/on_change?type=paymentElement#element_on_change-handler-value

2. when handling the webhook from the successful payment in your backend you can inspect the Charge object involved and look at the field I mentioned above https://stripe.com/docs/api/charges/object#charge_object-payment_method_details , that would be the best way