Embedded Stripe Checkout Session in Flutterflow

Hey everyone,

I'm trying to use WebView widget in order to embed Stripe Checkout in my Flutterflow app. The reason is I don't like the UI and lack of customisation for the native integration and I need more flexibility.

Relevant docs:
https://stripe.com/docs/api/checkout/sessions/create
https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=embedded-checkout#return-page

I have no issues creating a hosted (default) Stripe checkout, but if I input the return Checkout Session URL in the Webview URL field in Flutterflow - this will not load. Stripe will require me to create a session with {"ui_mode": "embedded"}. For that one "return_url" is required.

The flow in app is:
1. Customer opens event page
2. Customer clicks "Pay"
3. Embedded CHeckout Session is created and displayed in my app without changing the window
4. Customer completes Checkout
5. Customer is redirected to the right page in my app depending on the result of the Checkout Session

I would appreciate some help getting this set up 🙌

3
9 replies