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

    📗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
Adding PayPal payment ...

Adding PayPal payment buttons to your app

While Tadabase does not yet support ecommerce, you may still accept payments from your users by adding PayPal payment buttons to your app to redirect users to PayPal directly from your app.

When users click on the PayPal payment button embedded strategically on your app, they will be redirected to PayPal where you can accept payments via PayPal and/or major credit cards.

Adding PayPal payment buttons to your app is easy and involves a simple four step process:

  1. Sign in to PayPal
  2. Select PayPal payment button
  3. Customize payment button details
  4. Add payment button details to Tadabase 

Let's walk through each of these four steps.

1. Sign in to PayPal

The first step is to sign in to your PayPal account or create a PayPal account.

2. Select PayPal payment button

In your PayPal account, click on Tools > All Tools > PayPal buttons:

NEIvIUOZrLMWHVoQLYioqBpEfZ3-NKNN3A.png

 

You will then be prompted to select the type of payment button you would like to add to your app, such as Buy Now, Add to Cart, Donate, etc.:

cjr6UNvzL7l8ghnZQxEB2ZzDpIsX6ah_2w.png

 

3. Customize payment button details

Once you select the payment button of your choice, you will be prompted to customize your payment button according to your payment preferences including currency, billing amount, billing cycle, etc. For instance, for the purpose of this example we'll choose the Subscribe payment button and customize our preferred payment details as illustrated below:

lUNTzEFHZjBjnmg-6vUaJJaabGN47yX8jw.png

Once you have configured your preferred payment details that are relevant for your selected payment button, click Create Button.

You will be routed to a new page that will provide the HTML code you will need to use back within your Tadabase app to successfully add your PayPal payment button to your app:

dWhzoh1UJ0tZSD5TWQLybDxJGPp-YVjvTw.png

 

4. Add payment button details to Tadabase 

There are three items in the above HTML code that you will need to copy and paste within your Tadabase app: 

  1. The URL
  2. The Method
  3. The Parameters - each parameter will have a name and a value. 

G-4aTqH3mAq_rPOV45rDQDTRyl_o3JpZCw.png

Now it's time to copy and paste the necessary code items above within a form in your Tadabase app. Back in your Tadabase app, you can create a Submit Rule in any form to auto-route your users to Paypal once they click on the embedded Paypal payment button.

First, create a new form or open an existing form in your app. Click on Form Rules > Submit Rules > Add New Rule:

MdlD6jAe0-MOwgun6c1QG4mFHNl6NcbyMg.png

 

For your new rule, set the Action to Redirect to another website URL. You can also add a new condition, if necessary, for when the action should apply (for instance, if the user chose the "Monthly Plan").

Then, using the copied values from your PayPal payment button HTML code provided in the previous step, enter the correct values for URL, Parameters, and Method as illustrated below:

wAaiCnQxQFFrmtmmi5nxSfE9lAo6lq7n_A.png

Once you've added your PayPal payment button to a form within your app, you can strategically use the form/button to route users to PayPal and accept payment via PayPal and/or major credit cards.

How did we do ?

Previous Article
Saving files to Dropbox
Next Article
Exporting records to Google Sheets
Article Navigation
  • 1. Sign in to PayPal
  • 2. Select PayPal payment button
  • 3. Customize payment button details
  • 4. Add payment button details to Tadabase
  • Back to top
    Developer portal Tadabase Community
    API
    100% Operational
    Apps
    100% Operational
    Builder
    100% Operational
    Overall Status
    100% Operational