Cart System
Cart System
The Cart System connects visitor actions on the page to the cart. Buttons add and remove packages, the cart state updates automatically, and any element on the page can reflect live cart values.
How It Works
- A visitor clicks a button or toggle on the page
- The SDK adds or removes the package from the cart
- Every element bound to cart state — totals, quantities, conditionals — updates instantly
Get Started
Add a button and a cart summary to your page in a few lines of HTML.
Buttons
Add-to-cart buttons, toggle buttons, state containers, and quantity sync.
Quantity
Control quantities on buttons and containers, and display live quantity counts.
Cart Summary
Reactive price breakdown with custom templates, discount lists, and line items.
State & Display
CSS state classes, conditional display, and pre-populating the cart via URL parameters.
Reference
Complete tables for display bindings, conditionals, formatting, events, and CSS classes.