Stripe Challenge

💬 App Building
1

Hello Everyone, I am using retool inbuilt stipe integration to take the payments on our retool portal. However, I am not able to display the popup for 3D secure challenge when a transaction requires it. Anyone can help? Do I have to enable anything within retool to handle the popup?

  1. My goal:
  2. Issue:
  3. Steps I've taken to troubleshoot:
  4. Additional info: (Cloud or Self-hosted, Screenshots)
3

Hey @Denish,

Thanks for reaching out to the Retool community!

Would you mind helping me understand where the Stripe processing you are with some screenshots? Any extra details about the issue here would be appreciated. I can help better after that.

What sounds like you are using is the "Stripe Card Form" module which lets you embed payment options into the app and submit that to Stripe. The module and its details can be found on this page here: The Stripe Card Form component for Retool Apps | Retool Docs

I think this Community page may be relevant, as well. Bob walks through this process on how to set it up, test it, and use it for payments. He mentioned "you'll need to enable 'Storage and cookies' for the custom component before it renders" which might be what you are missing here: Credit Card Payment - #6 by bobthebear

Jack walks through a similar process and how this gets configured here: Stripe and payment link

Looking forward to hearing back and getting this resolved together.

Regards,
John | Retool Support

4

Hi Johns, Thank you for your response, here are the steps and flow I have created. the last screenshot is trying to authenticate the 3d secure challange but it goes into loop.

Thank you for your help.

Denish

image
image733×539 37.4 KB

image
image748×543 40.1 KB

image
image762×548 39.7 KB

image
image781×486 38.5 KB

image
image783×661 58.1 KB

5

Hey @Denish,

Thanks for the screenshots of what you have setup so far.

I reviewed the forum thread and the code screenshot you provided. I believe the issue you're experiencing may be related to how Stripe 3D Secure needs to be implemented within Retool's environment.

You're attempting to use client-side Stripe.js methods (stripe.confirmCardPayment()) which should automatically display a 3DS modal popup. However, this isn't working in your Retool environment. This could be due to:

  • Missing permissions/configuration (Storage and cookies, iframe permissions)
  • Potential compatibility issues with Retool's iframe environment
  • The return_url pattern may not work well with Retool's architecture

While it's possible this approach could work with correct configuration, Retool's recommended pattern is to use the server-side Payment Intents API approach, which is designed to work reliably within Retool's environment.

Have you tried doing this via the built in Stripe module yet or checked out the community posts linked earlier that were able to complete this?

Looking forward to hearing back.

Regards,
John | Retool Support

6

Thank you John for your response, I have requestd a retool developer support lets see if anyone can do that.

Regards

Denish Jani

7

Sounds good @Denish

Let me know / share any new insight here once you hear back :grinning_face:

Regards,
John | Retool Support