Charge payments with Bubble & Stripe

Install and configure the Stripe plugin in Bubble, manage versions and keys securely, and understand test vs live environments and strong customer authentication with Stripe Elements.

Explore test and live environments in bubble and stripe, differentiate development keys from live keys, and understand using stripe test cards for safe, compliant development.

Learn to integrate Stripe Elements, a pre-built card input that captures card number, expiration, security code, and zip code, with validation for strong customer authentication, payment intents, and payment methods.

Learn to style Stripe elements within Bubble by using groups for flexible styling, customizing background and font colors, borders, and visibility, while prioritizing workflow logic for payment methods.

Learn how to generate a payment method with Stripe Elements in Bubble, trigger save card flows, manage asynchronous workflow events, and display outcomes with alerts and a payment method ID.

Learn how to implement real-time card validation with Stripe elements to prevent invalid entries and detect potential fraud, using clear error messages and handling the card element loading delay.

Explore how to implement Stripe payment intents in Bubble, including creating charges, authorizations for strong customer authentication, handling payment methods, customer IDs, amounts, currencies, and the statement descriptor.

Create a payment intent by defining the amount, currency, and description. Generate a payment method from Stripe Elements or saved cards and attach it to the intent for testing.

Create and confirm Stripe payment intents, attach a payment method, and handle incomplete and succeeded states, including stepwise confirmation, strong customer authentication, and webhooks for post-confirmation flows.

Learn to confirm payment intents with Stripe elements, creating and starting payments while elements handle confirmation and strong customer authentication, including 3D Secure, with clear success and error handling.

Learn to automatically generate payment methods with Stripe Elements during checkout, streamlining card capture and payment confirmation without saving methods upfront.

Identify who qualifies as a customer and learn to create a Stripe customer in Bubble, save the customer ID, and access payments, subscriptions, payment methods, and logs.

Learn how Stripe saves and reuses payment methods by attaching them to customers, creating and confirming payment intents, and enabling secure checkout with saved cards, including strong customer authentication.

Explore strong customer authentication (SCA) with Stripe elements, including 3D Secure flows, authentication challenges, and testing strategies for EU payments.

Learn how to create authorizations with Bubble and Stripe, understanding holds and captures, seven-day authorization windows, and when to authorize versus capture.

Capture funds from an existing authorization against the original amount within the seven day window. Specify a partial amount to capture, releasing the remaining funds and noting the partial refund status.

Explore how refunds work in Stripe when charging with Bubble, including immediate refunds, non-refundable processing fees, and managing payment intents and partial refunds.

Create the payment intent at the final checkout and attach a customer ID when using saved methods, while consulting Stripe documentation for guidance.