Cart, Checkout & Package Bundles User Guide
Category: Commerce & Conversion
Registered Admin Route: /admin/page-components
This guide covers all registered cart buttons, checkout screens, wishlist grids, order summaries, and bundled package subscription components available in the Page Builder.
1. Cart & Checkout Components
A. Add to Cart (add_to_cart) & Buy Now (buy_now)
| Field Label | Control Type | Options / Inputs | Purpose & Live Effect |
|---|---|---|---|
| Button Label | Text Input | Plain text (e.g., Add to Cart) | Text displayed inside the action button. Supports translation. |
| Show Quantity Selector | Toggle Switch | On / Off | Displays a quantity stepper (- 1 +) next to button. |
| Click Action Behavior | Dropdown Selector | • Open Slide-Out Cart • Redirect Directly to Checkout • Display Toast Notification | Dictates immediate action after customer clicks button. |
| Button Size | Dropdown Selector | • Small • Normal • Large • Full Width | Controls button container size. |
B. Checkout Form Component (checkout_form)
| Field Label | Control Type | Selectable Options / Inputs | Purpose & Live Effect | Data Source Origin |
|---|---|---|---|---|
| Checkout Layout | Dropdown Selector | • Single-Page Checkout • Multi-Step Wizard | Controls whether shipping, billing, and payment render on one screen or in stepped tabs. | UI Option. |
| Enable Guest Checkout | Toggle Switch | On / Off | Allows visitors to complete purchase without registering an account. | Toggle (Default: On). |
| Require Phone Number | Toggle Switch | On / Off | Makes customer phone number a mandatory field. | Toggle. |
| Payment Gateways | Multi-Select Checkbox | List of active payment gateways | Selects which payment processors appear at checkout (Stripe, PayPal, Razorpay). | Populates from Settings ➔ Payments. |
C. Wishlist Grid (wishlist_grid)
Displays saved customer wishlist items.
- Empty State Message: Text prompt displayed when wishlist is empty (e.g. "Your wishlist is empty — start shopping!").
- Move to Cart Action: Renders one-click "Move All to Cart" button.
2. Package Bundles Components (package_*)
Package components allow you to sell bundled product packages, recurring subscriptions, or service plans.
UI Controls & Package Components
| Component Type | Description | Key Configurable Dropdowns & Fields | Data Source Origin |
|---|---|---|---|
package_list | Grid of subscription or package plans | • Package Tag Filter: Filter by tag (e.g. Starter, Pro)• Billing Cycle Toggle: Show Monthly / Annual switch | Populates from Packages ➔ List. |
package_items | Breakdown of included package items | • Item Format: Bullet List or Card Grid• Show Item Quantity: Display item count included in package | Populates from Package ➔ Items. |
package_price | Package pricing display | • Billing Period Label: e.g. /month• Highlight Popular Plan: Renders Most Popular badge | Package pricing schema. |
package_schedule | Booking schedule selector | • Select Schedule: Bind to booking calendar | Populates from Orbits ➔ Schedules. |