Logo
For example "scheduled tasks"
Search
Info
Content
Category Navigation
  • 📖  Manual

  • 👋Welcome

    Welcome to Tadabase

    What Is No-Code?

    Tadabase Support

    Getting Started With Tadabase

    Platform Overview

    🧰The Data Builder

    Data Tables

    Fields

    Text Fields

    Personal Fields

    Number Fields

    Date Fields

    Option Fields

    File and Image Fields

    Equation Fields (Category)

    Equation Fields

    Connection Fields

    Date Equation Examples

    Records

    Record Logs

    Import Templates

    Export Templates

    Automating Tasks

    Number Equation Examples

    Text Equation Examples

    Multi-Function Equation Examples

    ✏️Page Builder

    Page Builder Overview

    Layouts

    Pages

    Components Overview

    PDF Pages (Alpha)

    PDF Pages 2.0

    📗System Components

    System Components Overview

    Menu

    User Menu

    Breadcrumbs

    PDF Print (Alpha)

    Link Button

    Login

    Signup

    Profile

    HTML

    Image

    Subscriptions (Alpha)

    📘Data Components

    Data Components Overview

    Form Component

    Table Component

    List Component

    Kanban Component

    Calendar Component

    Resource Component

    Map Component

    Timeline Component

    Accordion Component

    Card Component

    Chart Component

    Search Component

    Import Component

    Data Source

    Data Source Filtering

    Links

    Display Rules

    Inline Editing

    Data Component Visual Directory

    Custom Component

    Custom Component Helpers

    Writing Your Own Component Helpers

    🙋Users

    Users

    Roles

    Single Sign On (SSO)

    Adding Stripe Subscriptions

    🔒Security and Reliability

    Tadabase Builder Security

    App Security

    User Security

    🔗Integrations

    Zapier Integration

    Using Webhooks

    Saving files to Dropbox

    Adding PayPal payment buttons to your app

    Exporting records to Google Sheets

    Viewing data in Microsoft BI

    Chat Widgets

    REST API

    Using SendGrid for emails

    Saving files to AWS S3 Bucket (IAM Method)

    Incoming Webhooks

    Embeddable Components

    Saving Files to Custom S3 Bucket (Account Method, Recommended)

    PDF Forms

    Stripe Checkout

    JavaScript Callbacks and Actions

    Twilio Integration

    ⚙App Settings

    General Settings

    Layout & Format Settings

    Custom Domain

    Customizing CSS

    Changing app themes

    Support Settings

    404 Error Page

    💳Account

    Plans

    Managing Your Account

    Sharing your app builder

    Managing your Apps

    🧩Pipes

    Introduction to Pipes

    Adding Pipes

    Using Pipes

    PDF Gen V2

Categories
📖 Manual
🔗 Integrations
Stripe Checkout

Stripe Checkout

The stripe checkout integration enables you to charge a credit card at the time a form is submitted. 

In the article below we'll go over how to configure a Stripe integrations and start accepting payments. The process is generally 4 steps. 

  1. Add Stripe Credentials
  2. Add credit card element to a form
  3. Set the charge details
  4. Set response details (optional)

Add Stripe Credentials: 

Inside your Stripe account, copy the Publishable Key and Secret Key:

Next, paste these values inside your app settings. 

We recommend using test settings initially to ensure you configure it properly. Stripe does not refund the processing fee when issuing a refund which can quickly add up during testing. 

 

Add Credit Card Element to the Form

Inside a form, you wish to process a credit card, add the Stripe element anywhere in the form. 

Once added the element will appear inside the form: 

Click on the element to configure the rest of the required settings: 

Payment Values

Inside the payment, values are where you set the specifics of what Stripe will receive. There are 2 required values that must be configured: Amount and Currency. These values can originate from the form, be hardcoded (custom), and come from the logged-in users' record. 

You can add any custom values that are accepted in Stripe for the Charge method. You can see the full list here or at the bottom of this page. To set a custom value, choose custom and set the value to be used. In our example, we want to set the recipient email to the value of the logged-in user's email, we'd do the following: 

When using test mode, keep in mind the email will not be sent. 

You can see the full list of values you can place in the first text field below. 

Editing vs. adding records

The credit card processing runs after validation, but before the record is inserted into the database. This has implications as to which numbers can be used for the amount. 

When adding new records with a credit card form, only values from the form fields are available. Using a field that is not currently present in the form will not work. If you're editing a form, values already saved to the record can also be used including equation fields. 

Options

 

Display Rules

Display Rules are not available in the Stripe Checkout fields for security reasons. To display Stripe Checkout conditionally, you can use CSS Rules, but the form cannot be submitted when the Stripe Checkout information is hidden and has not been filled out.

 

Style

Messages

 

Using a physical reader

Tadabase works natively with the WisePOS E Setting this up to work with your app requires a few steps and is not available in test environments, only live. 

 

How did we do ?

Previous Article
PDF Forms
Next Article
JavaScript Callbacks and Actions
Article Navigation
  • Add Stripe Credentials:
  • Add Credit Card Element to the Form
  • Payment Values
  • Editing vs. adding records
  • Options
  • Display Rules
  • Style
  • Messages
  • Using a physical reader
  • Back to top
    API
    100% Operational
    Apps
    100% Operational
    Builder
    100% Operational
    Overall Status
    100% Operational