Usage & plans
Give customers a view into the plan and usage information available to their account.
Planter / Embedded billing
Make billing feel at home in your product.
Planter brings the Garden billing experience to React applications. Connect the interface to GardenKit and keep the financial context close to your customer.
Garden, in conversationProduct vision
You
Draft this month's invoice for North Studio.
INVOICE DRAFT
North Studio · September$4,800.00
Design retainer$4,000.00
Project expenses$800.00
Start with the request. Keep the details in the conversation.
Illustrative dataExplore the possibilities
The customer experience
A place for the billing details.
Invoices & methods
Keep invoice records and payment methods inside the billing workspace.
Account context
Connect the interface to the correct customer and authorized account scope.
The billing workspace behind it
Connected to the Garden platform.
Planter uses GardenKit's billing surface and server data helpers. The source package exports GardenPlanter, PlanterProvider and account-scoped billing types.
REACT COMPONENTS
@l1fe/garden/planterComponents, context and theme helpers for the embedded billing interface.
SERVER DATA
@l1fe/garden/planter/serverData adapters connect the interface to account-scoped Garden billing records.
Good questions.
Where Planter fits.
What is the difference between Planter and GardenKit?
GardenKit is the typed billing SDK. Planter provides a React billing interface and server data adapters on top of that billing surface.
Does Planter handle my application login?
No. New L1fe applications use Keystone for the platform identity, access and billing contract. Connect Planter to your authorized account context.
Where should the billing credentials live?
Keep privileged credentials in your server integration. Use the server data adapters and appropriate authorization before providing data or actions to the client interface.