You can now take payments in apps built with AI Studio. Connect the products in your catalog, ask the agent to “add payments”, and your app gets a secure, hosted checkout. Payments in AI Studio uses SMBcrm’s native payments. Your products, orders, payment providers and subscriptions are the ones already set up in your SMBcrm account. Your app uses those existing payment settings.
Payments in a few clicks
- More → Payments is a new settings tab. Turn Payments on, switch between test and live mode, and choose which catalog products your app can sell.
- Choose how each product is priced: one fixed price, a selected set of variations (sizes, tiers, plans), or the product’s full catalog.
- Only the products and prices you allow can be shown or charged. Your settings decide what buyers can buy.
The agent adds the checkout for you
- Ask the agent to add payments. It shows a card asking you to approve the connection, then builds a storefront and checkout into your app.
- The payment code is managed by the platform, and edits to it are restored on the next turn.
A hosted checkout
- Card details are entered and processed in the platform’s hosted checkout, never in your app’s code.
- PayPal express checkout is supported.
- Coupon codes can be entered at checkout, and a fully discounted order goes through without asking for a card.
- Subscriptions work in checkout and upsells, including carts with more than one subscription product.
- Your colours: the checkout picks up your site’s colour scheme instead of a fixed default.
- Bot protection runs on every purchase.
One-click post-purchase upsells
- After a successful purchase you can show buyers an offer page. They can accept it with one click, without entering card details again.
- One-click works with saved cards from Stripe (3D Secure supported), Square, Authorize.net, NMI, Adyen and Mercado Pago. Other payment methods use the regular payment form.
- An upsell can only be charged after the original order is paid, and only once per order, even with several tabs open.
Product pages
- Generated storefronts show product listings and detail pages from your catalog, with thumbnails and formatted descriptions.
Availability
- Payments currently works only with apps built on TanStack Start. Other project types won’t see the option yet.
- To use Payments in an existing React project, migrate it. Go to Project Settings → Migrate to SSR. This makes an upgraded copy of your project and leaves the original unchanged and live. You can also test the new copy before you publish it.
Related SMBcrm Features
Need Help Applying This Update?
Want help turning this update into a working part of your CRM, marketing, or automation setup?
Get Started or schedule a demo and we’ll help you map the right next step.
Explore this in SMBcrm
See where this fits in AI Studio.
Explore the app builder, its connection to your CRM, and the AI usage and Cloud costs to consider.
Explore the AI Studio app builderAlready using this feature? Find setup help