Checkouts

This Shadcn checkout block keeps the checkout flow clear with a two-column layout and a summary that stays visible as users scroll. Splits the page into two columns. On the left is a multi-step form asking for contact details (email, name), shipping information and payment details. On the right is a sticky order summary that stays visible as you scroll; it lists each product with thumbnail, price and quantity selector, provides a coupon code field, and sums up the subtotal, shipping and total with a checkout button.

This Shadcn checkout block breaks the flow into four clear steps—email, address, delivery and payment—with a progress indicator across the top. Only the fields for the current step are visible, with Previous/Next buttons advancing through the wizard and a final "Go summary" action to complete the process.

This Shadcn checkout block focuses on payment entry in a single-column card while keeping a separate order summary panel aligned to the side. At the top are express pay buttons, followed by a straightforward billing and address form and a terms checkbox; the right panel lists cart items, discount code input and a breakdown of subtotal, shipping, taxes, discount and total.