Multi-Merchant Shopping Cart Payments (Stripe Connect) – Bubble.io Tutorial

Multi-Merchant Shopping Cart Payments (Stripe Connect) – Bubble.io Tutorial

HomeCranford TechMulti-Merchant Shopping Cart Payments (Stripe Connect) – Bubble.io Tutorial
Multi-Merchant Shopping Cart Payments (Stripe Connect) – Bubble.io Tutorial
ChannelPublish DateThumbnail & View CountDownload Video
Channel AvatarPublish Date not found Thumbnail
0 Views
If you’re building a marketplace on Bubble.io where users can buy goods/services from multiple different sellers (like Amazon), you’ll likely be using Stripe Connect. Ideally, your users can make one payment for all the items in their cart, with each seller then automatically receiving their cut of the payment.

This is a somewhat complex payment flow, but can be implemented using Stripe's separate charges and transfers methodology.

In this video, we show you how to implement this payment flow using Cranford Tech's Stripe Connect – Marketplace plugin. Be sure to check out the demo app linked below to see the actual workflows demonstrated in this video.

Links
️ Stripe Connect – Marketplace Plugin
https://bubble.io/plugin/stripe-connect—marketplace-1658072861502×631228260350951400

Shopping cart with Stripe Connect demo app (editor is public)
https://stripe-connect-shopping-cart-demo.bubbleapps.io/version-test

ℹ️ Detailed written guide to taking shopping cart payments with Stripe Connect
https://forum.bubble.io/t/how-to-process-shopping-cart-payments-with-stripe-connect-multiple-sellers-one-payment/334077/

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

ℹ️ Video on how to onboard sellers to your marketplace with Stripe Connect
https://www.youtube.com/watch?v=E0y0BhuYBX4

Plugin support
https://www.cranfordtech.com/contact

Check out our other templates and plugins
https://bubble.io/contributor/1639725919422×893231862142530600

Custom App Development
https://www.cranfordtech.com/agency

Timeline
00:00 Introduction
02:05 Using the Separate Cost and Transfer Approach
02:55 The Stripe Connect – Marketplace plugin
03:24 Database structure overview
04:48 Merchant Onboarding
05:31 Building the Checkout Flow
17:14 Create a Stripe webhook to notify Bubble when a payment has been made
24:42: Building out the backend workflow
28:57 Transferring funds to relevant vendors
32:10 Linking a transfer to a specific expense item

Please feel free to share this video with your friends and family if you found it useful.