Lesson 5 of 7 · 5 min
Selecting a Package
Pick a pre-built media bundle or build a custom order from individual services.
Selecting a Package
Video coming soon
Lesson Notes
The Package step shows the service catalogue published by your chosen provider. Each package card displays the package name, a brief description, the estimated shoot duration, the price, and the media types it includes (for example, Photography, Video Tour, Aerial/Drone, or Twilight). You select a package by tapping its card. A checkmark and brand-colored border indicate the selected package. This is a single-select step — you can only pick one bundle at a time.
After selecting a package, the flow advances to an Add-Ons sub-step if the provider has any add-on services published. Add-ons are optional extras layered on top of your chosen bundle — examples include additional edited photos, floor plans, or a twilight add-on photo session. Each add-on card shows a name, description, and price. Some add-ons support quantity selection (for example, 'Twilight Edit × 3'). Add-ons that are explicitly excluded from the selected package are hidden automatically so you never see incompatible options. A running subtotal at the bottom of the add-ons screen shows your current package price plus selected add-on costs.
If the provider has enabled the 'Build Your Own' option, a fifth card labeled 'Build your own' appears at the bottom of the package list. Tapping it enters a separate picker sub-step where you choose individual services from the provider's catalogue one by one. Each selected item is priced at a +20% premium over what it would cost inside a bundle — the trade-off for maximum flexibility. A 'Custom total' card at the bottom updates live as you add or remove items. If the items you have selected happen to exactly match a pre-built bundle, a callout appears offering to 'Switch to bundle and save $X' — tapping it exits the BYO picker and pre-selects that bundle for you at the lower price.
On iOS, the package step is implemented in BookingView inside the `packageStep` computed property, which renders one of three sub-views based on `model.packageSubStep`: `.list` (the package grid), `.addOns` (the extras picker), or `.byo` (the Build Your Own picker). Navigating Back from the add-ons sub-step returns you to the package list, not all the way to the Provider step. Re-entering the Package step from the Schedule step (via Back) drops you back on the add-ons sub-step so you can adjust extras without having to re-pick the package.
Booking questions may appear either at the bottom of the add-ons step or on the Schedule step, depending on how the provider configured them. If your provider has set up intake questions (for example, 'Is the property vacant?' or 'Gate code for the front entrance?'), you will see them during this part of the flow. Required questions must be answered before you can advance. These answers travel with the order and are visible to the provider's team.
Key Takeaways
- Pick a single pre-built bundle, then optionally add extras on the add-ons sub-step.
- Add-ons incompatible with your chosen package are hidden automatically.
- 'Build your own' lets you pick individual services at a +20% premium — watch for the bundle-switch callout if you overpay.
- A live subtotal on the add-ons screen shows the combined cost before you proceed.
- On iOS, Back from add-ons returns to the package list, not to Provider selection.