leedurrant - 3ds | Stripe Developers | Page 1

pale osprey Sep 9, 2022, 6:50 PM

#

What do you mean by stripe modal form exactly?

fast hill Sep 9, 2022, 6:51 PM

#

My form is greyed out and an iframe is displayed that is hosted by Stripe

pale osprey Sep 9, 2022, 6:52 PM

#

Yeah you're referring to the 3ds challenge modal?

#

Can you include screenshots to show what you are seeing exactly and then what you would like to see instead?

fast hill Sep 9, 2022, 6:55 PM

#

On clicking FAIL, an "Update Payment Method" button is shown

#

#

And I want it so that if the user clicks the button, a Stripe hosted elements modal is displayed

pale osprey Sep 9, 2022, 6:57 PM

#

We don't have a hosted modal. You can embed the Payment Element though: https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=elements

Accept a payment

Securely accept payments online.

fast hill Sep 9, 2022, 6:59 PM

#

Yeah, I do have a card-element on the page, but to be honest I am not the best at html coding. I would rather a modal form so it looks the same as the 3DS challenge modal.

#

#

It was only placed there as a starter, but the stripe element works. Its just that it doesn't really follow the same principals.

pale osprey Sep 9, 2022, 7:01 PM

#

If you aren't that good at development I recommend Checkout: https://stripe.com/payments/checkout

Stripe Checkout: We built Checkout so you don’t have to

Stripe Checkout is a drop-in payments flow designed to drive conversion with just a few lines of code.

#

Otherwise, payment element is the better route

fast hill Sep 9, 2022, 7:02 PM

#

My app didn't ever collect the card details. It used Stripe Checkout to get them.

#

I'm okay at development, just not great at css and html

#

It just seems strange that I can call stripe.confirmCardPayment and it shows a dialog page, but if that fails I cant have another dialog page to add a new payment method to the payment intent

pale osprey Sep 9, 2022, 7:06 PM

#

Another option is you could use the hosted invoice page: https://stripe.com/docs/billing/migration/strong-customer-authentication#scenario-4

SCA migration guide for Billing

Update your Billing implementation to support new Strong Customer Authentication (SCA) requirements.

fast hill Sep 9, 2022, 7:06 PM

#

Is there anyway that the stripe.confirmCardPayment can be configured to allow the user to click a button to add new card details. As part of the £DS flow for the payment intent

#

No, a hosted invoice page is not what I want.

pale osprey Sep 9, 2022, 7:08 PM

#

No

#

You'll have to use the payment element

fast hill Sep 9, 2022, 7:09 PM

#

Do you mean card-element

pale osprey Sep 9, 2022, 7:13 PM

#

Well you could use the card element

#

But there is also a payment element (that's the recommended element now)

#

Card element is more for legacy flows

fast hill Sep 9, 2022, 7:18 PM

#

Ah. Do you have an example of that?

pale osprey Sep 9, 2022, 7:18 PM

#

https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=elements

Accept a payment

Securely accept payments online.

fast hill Sep 9, 2022, 7:21 PM

#

Okay. That’s been helpful. I know the best way forward now. It saved me searching for something that wasn’t there. Many thanks.

#leedurrant - 3ds