You can now take payments in apps built with AI Studio. Connect products from your catalog, ask the agent to add payments, and your app will include a secure hosted checkout.
Payments in AI Studio uses Leadli’s native payments. Your products, orders, payment providers, and subscriptions are the ones already set up in your Leadli account.
What’s included
Enable payments in a few steps
- In More → Payments, turn Payments on, switch between test and live mode, and choose which catalog products your app can sell.
- For each product, choose the pricing approach: one fixed price, a selected set of variations (sizes, tiers, plans), or the full product catalog pricing.
- Only the products and prices you allow can be shown or charged.
Let the agent add checkout
- Ask the agent to add payments. You will be prompted to approve the connection, and then the agent adds a storefront and checkout to your app.
- The checkout code is managed by the platform to reduce accidental breaking changes. If it is edited, it will be restored on the next turn.
Hosted checkout and supported options
- Card details are entered and processed in the platform’s hosted checkout, not inside your app’s code.
- PayPal Express Checkout is supported.
- Coupon codes can be applied at checkout, including fully discounted orders.
- Subscriptions are supported in checkout and upsells, including carts with more than one subscription product.
- The checkout uses your site’s color scheme.
- Bot protection runs on every purchase.
Post-purchase upsells
- After a successful purchase, you can show an offer page. Buyers can accept 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 standard payment form.
- Upsells can only be charged after the original order is paid, and only once per order.
Product pages
- Generated storefronts can show product listings and product detail pages from your catalog.
Availability
- Payments currently works only with apps built on TanStack Start.
- To use Payments in an existing React project, go to Project Settings → Migrate to SSR. This creates an upgraded copy of your project and keeps the original unchanged and live.
