Ok guys so I tried the Stripe checkout built from a bubble page and display it in a webview in dropsource and it seems to be working.
There is only one annoying issue because of how bubble implemented the stripe checkout for mobile pages.
When you call stripe checkout in bubble on mobile devices it first displays this overlay with a button which you have to click to initiate the checkout.
Anyone familiar with using bubble with stripe checkout on mobile knows what i’m talking about.
You can read this post in the bubble forum to understand why bubble does this.
Anyway here is currently my result. I pass the email and amount from a dropsource page through the webview url parameter.
On my checkout webpage i retrieve these url parameters for making the checkout call.
So discovered some hack to automatically close a webview page a return to dropsource pages.
The trick is that in my checkout page after a payment is successful, i redirect to a new page.
Then in dropsource I add a condition on the webview page event that check if the current url of the webview is different from the orginal url. And if its so i do a Go to page action to close the webview page and get back to my dropsource pages.
Don’t worry about the credit card in the screencast above. It’s a stripe testing card so not a real card detail