🆕 Now Available: Payments in Next-Gen Apps

Next-Gen
1

:new_button: Now Available: Payments in Next-Gen Apps

Accept payments directly in your Next-Gen app. Connect Stripe, add a payment element to a page, and start collecting payments from your users with no third-party workarounds, and without leaving your app.

:sparkles: What You Can Do

Connect Stripe in minutes. Enter your Stripe API keys in the Payments section, pick your currency, and you’re connected. Knack validates your keys on the spot and sets up everything you need behind the scenes.

Collect one-time payments anywhere you show a single record. Add the new Accept Payment element to any page that displays a single record, including public pages, to collect payment for an order, an invoice, a registration, or anything else. Pull the total straight from your data, add line items like shipping or tax, and show extra context like product names or descriptions.

Let users save a card for faster checkout. Add the Save & Edit Payment Method element to a login-protected page so returning users can store a card and reuse it at checkout, update their billing details, or remove a card, all on their own.

Automate what happens after a payment.
Accept Payment and Save & Edit Payment Method elements support the same record, submission, and email rules you already use elsewhere in the Builder. Update records, redirect users, and send confirmation emails, including payment summary details automatically.

Work with your payment data right away.
When you connect Stripe, Knack automatically creates two tables – Customer Transactions and Saved Customer Payments – so every payment and saved card is tracked from day one. Add your own fields to extend them for your reporting and workflows.

Test before you go live.
Build and try your full checkout in Test Mode using Stripe’s test cards, then switch to Live Mode when you’re ready. (Live Mode is available on paid plans above Starter.)

Getting Started

  1. Open the Payments section in your app and select Enable Payments.
  2. Enter your Stripe API keys and choose your currency.
  3. Add an Accept Payment element to a page that displays a single record.
  4. Open your page in the live app (in Test Mode) and try a payment.

For step-by-step guidance, see the Payments Overview Documentation

Note: PayPal is currently available in Classic only. We’re bringing PayPal to Next-Gen very soon – stay tuned!

***

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

Final Note: Some template apps are in the process of being rebuilt with to support updated Next-Gen schema. If you add a Payment Element in an app created from a template, and see a Page Crash error, please create a ticket with Support so we can correct that.

Cheers!

Kara