Checkout
Checkout blocks provide structured layouts for completing purchases efficiently. They focus on clarity, form flow, and order visibility, helping reduce friction during payment and ensuring a smooth checkout experience across devices.
Checkout Form with Order Summary
Two-column checkout layout that shows customer details, address input, payment selection, and express checkout with a live order summary. Designed to reduce friction, increase trust, and streamline purchase completion.
Checkout Page with Shipping and Payment
Multi-panel checkout layout that include cart review, address form, delivery method selection, promo code, payment options, and order summary. Designed to help users step-by-step and reduce checkout abandonment.
Two-Column Checkout with Order Summary
Two-column checkout layout puts the order summary with customer details, shipping options, and payment form. Designed to maintain price visibility, lower friction, and increase checkout purchase.
Step-by-Step Checkout with Order Summary
Step-by-Step checkout layout with clearly separated personal details, shipping options, and payment selection, along with a sticky order summary. Designed to guide completion, minimize errors, and improve checkout conversion rates.
Digital Product Checkout Layout
Digital product checkout page that lets you preview the product, enter a coupon, order summary, and secure payment methods. Built for SaaS, templates, and digital goods requiring fast purchases and minimal checkout friction.
Subscription Checkout Form Layout
Single-column subscription checkout with pricing breakdown, coupon input, multiple payment options, and card form. Designed for SaaS, memberships, and licenses requiring fast signup, trust signals, and easy recurring payments.