psousa | Stripe Developers | Page 1

fringe bearBOT Nov 4, 2022, 10:34 AM

#

iron anvil Nov 4, 2022, 10:36 AM

#

Hi there
Stripe automatically displays the authentication UI in a pop-up modal. You cannot customize the authentication UI on the web to match your website’s design—the bank that issued the card controls the fonts and colors of the experience.
https://stripe.com/docs/payments/3d-secure#when-to-use-3d-secure:~:text=You cannot customize the authentication UI on the web to match your website’s design—the bank that issued the card controls the fonts and colors of the experience.

hasty valve Nov 4, 2022, 10:41 AM

#

But, is it possible to style/customize the "cancel" button at the top of the modal and the background color of the backdrop?

#

Or does the whole modal change with the bank, including the "cancel" button at the top? Or it will be shown as part of the Stripe modal despite the bank that issued the card?

iron anvil Nov 4, 2022, 10:50 AM

#

You can't customize that either, However, you can choose how and where the 3D Secure UI is shown. If you have your own modal component, you can place the 3D Secure frame inside of it. You can also show the authentication content inline with your payment form.
Refer to this section:
https://stripe.com/docs/payments/3d-secure#custom-iframe

#psousa