In this video, we’ll show how you can safely save a customer’s payment method details to your Bubble database. You can then create (and confirm) a PaymentIntent to process a payment without the customer having to re-enter their payment details. There are a number of use cases for payment flows like this, including:
* Charge a customer as part of a backend workflow
* As part of an eCommerce store, you want to save a customer’s payment details when they make their first purchase so you can implement one-click purchases on all future orders
* Charge an initial deposit upfront and take the rest of the payment at a later date
If you want to take a look at an actual example of this payment flow, you can check out the demo app linked below (editor is public).
Links
🖌️ Stripe Connect - Marketplace plugin
https://bubble.io/plugin/stripe-connect---marketplace-1658072861502x631228260350951400
🛒 eCommerce marketplace demo app with Stripe Connect (editor is public)
https://stripe-connect-ecommerce.bubbleapps.io/version-test
ℹ️ Detailed written guide on charging a customer with saved payment details with Stripe Connect
https://forum.bubble.io/t/how-to-charge-a-customer-with-saved-payment-details-stripe-connect/343867
🔗 Stripe Connect - Marketplace plugin demo app
https://stripeconnectmarketplace.bubbleapps.io/version-test
ℹ️ Stripe Connect - Marketplace plugin documentation
https://cranford-tech.gitbook.io/stripe-connect-marketplace/introduction/welcome
ℹ️ The Ultimate Guide to Stripe Connect and Bubble.io
https://www.youtube.com/watch?v=Ba20wCQpHn8
📧 Plugin Support
https://www.cranfordtech.com/contact
🎨 Check out our other Templates and Plugins
https://bubble.io/contributor/1639725919422x893231862142530600
💼 Custom app development
https://www.cranfordtech.com/hire-us
Timeline
00:00 Intro
01:22 Structuring your database
02:23 Creating a Customer in Stripe when a user signs up for your app
04:45 Making the first payment via a Stripe Checkout Session
08:05 Payment Methods
09:41 Saving details via a Stripe webhook and backend workflow
21:06 Creating a Payment Intent
24:12 Error handling
30:33 Allowing a customer to delete a payment method