Stripe API - 3D Secure

Hi all,

Has anyone implemented upgrades using just the Stripe API?

I have the following flow: an upgrade button => Edge Function =>Stripe API.

The issue comes when Stripe requires the 3D Secure verification.

Has anyone implemented the pop-up as a snippet without having to go to stripe checkout?

thanks.

Hey @emdiemeric :waving_hand:

Cool use case! Can you tell us more about the issue you run into?

The issue is that I’m not sure how we can integrate the 3D Secure popup from Stripe directly in weWeb. So we don’t have to send the user to Stripe.

Hi Emeric

Currently, we only support checkout sessions as the way you can accept payments using Stripe.

For triggering 3DS or any other widget from stripe.js within the application, you will need Stripe native components which aren’t yet available in WeWeb.

It’s on our roadmap though. In the meantime, you will need to rely on checkout sessions and let Stripe handle the payments on their native checkout pages.

So you are saying that I cannot somehow trigger the 3D verification from WeWeb? Not native, but via edge functions?

If I understand correctly, the 3D verification needs to have stripe.js installed on the frontend. Is that the flow you’re referring to? Or something else?

Yes.

In that case, yes, you cannot show a 3D verification pop-up within your WeWeb app as we don’t have stripe.js components available in the frontend. You will need to use checkout sessions, which redirect to a stripe url to complete the payment process.

How about running some kind of JavaScript code, or running a Stripe script?

It feels a bit unfortunate not to be able to provide this for the end user.

You could explore that using the customJS workflow action. It’s not something we would recommend though - our recommended approach is checkout sessions for now.