D. E-commerce

Order Confirmation

Success page with summary, the confirmation email block and a create-account upsell.

3 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash

npx @wunderui/cli add commerce/order-confirmation

01Success page with summary

Uses: StoreHeader · LineItem · Badge · Button

components/blocks/commerce/order-confirmation/01-success.tsx

Uses: LineItem · Button · Badge

components/blocks/commerce/order-confirmation/02-email-block.tsx

Uses: StoreHeader · PasswordField · Button · Badge

components/blocks/commerce/order-confirmation/03-create-account.tsx