Payments in Next-Gen: Overview

Payments in Next-Gen: Overview Accept payments directly in your Next-Gen app by connecting Stripe and adding payment elements to your live app pages.

• What you'll learn:
  • What the Payments feature does and how the pieces fit together
  • Which payment processors are supported today
  • The two payment elements you can add and the data Knack creates for you

What Payments lets you do

With Payments, your live app users can pay for goods or services without ever leaving your app. You connect a payment processor once, add a payment element to a page, and Knack handles the secure card entry, processing, and record-keeping for you.

There are two sides to the feature:

• The Builder side, where you connect your processor, add and configure payment elements, and work with the payment data Knack creates.
• The live app side, where your users enter their card details, complete a payment, and optionally save a card for faster future checkout.

Supported payment processors

Next-Gen apps process payments through Stripe. When you connect your Stripe account, Knack validates your keys and sets up everything you need to start accepting payments.

Note: PayPal is currently available in Classic only. Support for PayPal in Next-Gen is coming soon. For now, connect Stripe to accept payments in your Next-Gen app.

The building blocks

Payment elements

You add payments to a page using one of two elements:

• Accept Payment — Collects a one-time payment for a single record (for example, an order or an invoice). It can live on any page that displays a single record, including public pages.
• Save & Edit Payment Method — Lets logged-in users securely save and update a card for faster future checkout. This element is only available on login-protected pages.

Payment tables

When you connect Stripe, Knack automatically creates two tables to store your payment data:

• Customer Transactions — A record of every payment attempt and its outcome.
• Saved Customer Payments — The saved cards your users have stored for future use.

These tables are managed by Knack, so you can view and build on top of them without setting them up yourself.

How a payment flows, at a glance

1. You connect Stripe and add an Accept Payment element to a page that shows a single record.
2. A live app user opens that record and sees a checkout summary with the amount due.
3. They enter their card details and submit the payment.
4. Knack processes the payment through Stripe and creates a Customer Transactions record with the result.
5. Any record, submission, and email rules you configured run automatically.

📘

Stripe API Keys work across both Classic and Next-Gen versions.