Add-Ons
Doc Status: Excellent | ✓ Clear summary | ✓ Easy to read | ✓ Matches code | ✓ Good structure | ✓ Professional look | ✓ Visual components
Why This Matters
The Add-Ons page is where admins manage the extras guests can purchase during booking. These include signature cocktails, wine bottles, and bundles. Each add-on can be configured with pricing, availability for specific experience types (Ticket Only vs. Dinner Show), and display order. Keeping add-ons updated ensures guests see accurate options and pricing during checkout.How It Works
Browsing Add-Ons
When you open the Add-Ons page, you’ll see every extra you offer guests during booking — from signature cocktails to wine bottles to bundled experiences. Each card shows the name guests will see, its price, which booking types include it, and whether it’s currently active.Creating an Add-On
When you need to add something new — say, a seasonal champagne offering — click Add New. A form walks you through each decision: First, give it a name and description that will appear during checkout. Then set the price in VND and pick a category (Cocktail, Wine, Beverage, Food, Upgrade, or Other). Next, decide when this add-on should appear. A champagne bottle makes sense whether someone’s buying just a ticket or booking the full dinner show experience, so you’d select “Both.” But a cocktail-and-snack bundle only works for ticket buyers since dinner show guests already have a full meal included. Set the display order to control where it appears on the booking page — lower numbers show first. If you want to show guests a discount compared to regular menu pricing, add a reference price and the system can calculate the savings.Managing Availability
Sometimes an add-on isn’t appropriate anymore — it’s sold out, the ingredient is seasonal, or you’re phasing it out. Rather than deleting it entirely (which would lose your settings), just toggle it to disabled. It disappears from guest bookings but stays in the system for future use. Enabled add-ons appear to guests during checkout. Disabled ones are hidden but preserved.Key Concepts
- Add-On: An extra item guests can purchase during booking (cocktails, wine, bundles)
- Available For: Controls which experience types show the add-on
- Reference Price: Original menu price used to calculate discount percentages
- Display Order: Sort position on the booking page
Technical Details
Components
Components
| Component | File | Purpose |
|---|---|---|
AddonsPage | components/admin/addons-page.tsx | Main add-on management interface |
Convex API
Convex API
| Query/Mutation | Purpose |
|---|---|
payments.listAll | Fetch all add-ons |
payments.createAddon | Create a new add-on |
payments.updateAddon | Update add-on fields |
payments.disableAddon | Disable an add-on |
See Also
Admin Dashboard
Dashboard overview and navigation
Booking Experience
Guest booking flow with add-ons
Payments
Payment integration details
Dashboard: POS Challenges
Gamification configuration