Info
Content
Home Document
⌘K
Version 1.0

Stripe Checkout

Transcript Summary

Introduction

Today, we're shining a spotlight on Stripe Checkout.

Extensibility with Tadabase

Tadabase's extreme extensibility has always allowed passing application data to existing payment services using various API methods. Now, with Stripe Checkout and its native ability to be built into Tadabase form components, you can check out and pay for goods and services directly inside your Tadabase application.

Setting Up Stripe Checkout

To set up Stripe Checkout for your application:

  1. Get Your Stripe Keys: You'll need to grab your publishable key and secret key from both your test environment and live environment.
  2. Testing and Live Modes: Input your credentials to set up your form, test it in sandbox mode, and switch to live mode when ready.

Adding Stripe to a Form Component

Navigate to a page with a form component you want to use for payment. In this example, we'll use an order detail page to edit the order record, allowing the user to submit the payment.

  1. Add the Stripe Payments Module: Add this directly to the form component.
  2. Edit Stripe Details: Click to edit the details such as the amount and currency type.

Configuring Stripe Checkout

  1. Amount: Pass the amount you're charging. You can pull this from a form value, record value, browser local storage, session storage, or logged-in users' fields.
  2. Currency Type: Set the currency type, with USD as the default. You can add additional Stripe values per their API documentation, such as customer ID or any other details you'd like to attach to the payment.

Customizing Stripe Form Inputs

You have various options to customize the form inputs:

  1. Title and Keys: Define the title and which keys to use.
  2. Stripe Card Reader: Enable or disable the physical card reader.
  3. Test or Live Mode: Choose whether you're processing payments in test or live mode.
  4. Postal Code: Show or hide the postal code field.
  5. Icons and Location: Customize icon settings and location, or choose auto-detection.
  6. Custom CSS Classes: Define custom CSS classes for the Stripe checkout input. Check the documentation for more details.

Integrating with Record Rules

The Stripe Checkout component integrates directly with Tadabase record rules inside forms. After payment is processed, you can:

  1. Retrieve Stripe Payment Values: Save them directly to your application, such as payment status or other Stripe values like charge ID or receipt URL.

Conclusion

That's it for integrating Stripe Checkout inside your Tadabase application. Thanks for watching, and we'll see you in the next one!

Back to top