Collagen funnel: pages, states and branches
Every page and popup state of this preview. The fixture table below runs every branch live in your browser with the shared kit flow engine. Synthetic data only, no network calls.
Pages and popup states
- Frontend: Style 5 2–6–3 bundles (bags)
/ - U1, 2-bag entry: add 2 bags
/u1/2-bag/ - DS1 popup, 2-bag entry: add 1 bag
/u1/2-bag/popup/ - U1, 3-bag entry: add 3 bags
/u1/3-bag/ - DS1 popup, 3-bag entry: add 2 bags
/u1/3-bag/popup/ - U2 arm A: NMN, 2 bottles
/u2/nmn/ - DS2 popup arm A: 1 bottle NMN
/u2/nmn/popup/ - U2 arm B: Matcha, 2 bottles (accept skips U3)
/u2/matcha/ - DS2 popup arm B: 1 bottle Matcha
/u2/matcha/popup/ - U3 Matcha: 1 / 2 / 3 bottles
/u3/matcha/ - DS3 popup: 1 bottle Matcha
/u3/matcha/popup/ - U4 Collagen: skipped (entry product)
/u4/collagen/ - Receipt / safe exit
/receipt/
Flow for a Collagen entry
- Frontend: 2 or 3 bags enter the flow; 6 bags (or anything else) goes straight to the receipt.
- U1 more bags → DS1 popup on “No thanks”.
- U2 arm A NMN or arm B Matcha → DS2 popup. Matcha accepted at U2 or DS2 skips U3.
- U3 Matcha, three choices → DS3 popup.
- U4 Collagen and DS4: always skipped (Collagen is the entry product).
- Receipt. “Finish / view order” is on every step.
Closing a popup (×, Escape or the backdrop) counts as “no thanks”. An accepted upsell skips its own popup. Prices and offer IDs stay null (pending approval).
State gallery
This page runs every branch of the upsell flow in your browser: each upsell accepted, declined, its popup accepted, declined or closed, failed accepts, early finish and the entries that must go straight to the receipt.
Running the fixtures…
| Group | Fixture | Path | Lines | Result |
|---|