The Checkout Page widget renders the real WooCommerce checkout with your styles.
Checkout appears once the cart has an item. Add the sample product to try it.
A clear, familiar flow that helps shoppers finish their order.
Clean, labelled fields with clear focus states.
Ship to a different address with one toggle.
An order summary table and your payment gateways.
Every field, table and button follows your design system.
Labels, inputs, placeholders and focus colors are all customisable.
Style the header, rows, subtotal and total of the order table.
Uses the standard WooCommerce checkout, so payment plugins just work.