Checkout 2.0: New Layout & Functionality
We’ve redesigned the checkout experience with a new single-column layout for both logged-in and guest users. This update improves consistency, streamlines the flow, and introduces several new and updated components.
What’s New
- Unified Single-Column Layout
Checkout now uses a consistent, simplified layout across desktop and mobile, for both logged-in and guest users. - New Store Finder Access
Update your restaurant location or delivery address directly from checkout with an enhanced Store Finder Details component. - Enhanced Pickup Time Configuration
Easily choose between ASAP or scheduled pickup times in a new, more flexible UI. - Embedded Cart Access
View, edit, or update items without leaving checkout. The cart is now integrated directly into the page. - Tip Functionality
Tips have been migrated into the checkout experience for a more seamless flow. - UI Refreshes
Updated look and feel for discounts, promo codes, loyalty points, and payment methods.
Checkout Flow
Logged-In Users
The following order is used:
- Store Finder Details (new)
- Pickup Time Configuration (new)
- Order Type Information (e.g., table number, vehicle, event details)
- Discounts (if enabled)
- Promo Code (if enabled)
- Tip (new)
- Embedded Cart (new)
- Loyalty Points Balance (updated UI)
- Calculation Section (Taxes may cause this to update upon completing checkout)
- Payment Method
- Place Order CTA
Guest Users
The flow is similar, with a few key differences:
- Contact Information appears before payment.
- Payment methods are optimized for one-time entry (no saved payment methods).
- Place Order CTA is built into the payment section rather than separate.
